/** Shopify CDN: Minification failed

Line 20572:23 Invalid escape

**/
@font-face { /* Regular */
  font-family: 'Noto Sans JP';
  src: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/NotoSansJP-Regular.ttf?v=1679480428) format('truetype');
  font-weight: 400;
}
@font-face { /* Medium*/
  font-family: 'Noto Sans JP';
  src: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/NotoSansJP-Medium.ttf?v=1678535907) format('truetype');
  font-weight: 500;
}
@font-face { /* Bold */
  font-family: 'Noto Sans JP';
  src: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/NotoSansJP-Bold.otf?v=1678963983) format('truetype');
  font-weight: 700;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
#icl {
	overflow: hidden;
    position: relative;
}
#icl .jspContainer {
	overflow: hidden;
	position: relative;
}
#icl .jspPane {
	position: absolute;
}
#icl .jspVerticalBar {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 6px;
}
#icl .jspCap {
	display: none;
}
#icl .jspTrack {
  background: #f4f4f4;
	position: relative;
}
#icl .jspDrag {
  background: #ccc;
  border-radius: 3px;
	cursor: pointer;
	left: 0;
	position: relative;
	top: 0;
}
#icl .jspHorizontalBar .jspTrack,
#icl .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
#icl .jspArrow {
	background: #50506d;
	cursor: pointer;
        direction: ltr;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -20000px;
}
#icl .jspDisabled {
	background: #80808d;
	cursor: default;
}
#icl .jspVerticalBar .jspArrow {
	height: 16px;
}
#icl .jspHorizontalBar .jspArrow {
	float: left;
	height: 100%;
	width: 16px;
}
#icl .jspVerticalBar .jspArrow:focus {
        border: 1px solid red;
	outline: none;
}
#icl .jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html #icl  .jspCorner {
	margin: 0 -3px 0 0;
}
@media (max-width: 930px) {
 #icl .jspVerticalBar {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 0.08rem;
  }
 #icl .jspDrag {
    background: #ccc;
    border-radius: 0.04rem;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0;
  }
}


@charset "UTF-8";

/* =====================================
*  @@RESET
* ===================================== */
/*
* @@html tag
*****************************************/
#icl *:not(br),
#icl *:before,
#icl *:after {
  font-size: 100%;
  line-height: 1.6;
  letter-spacing: 0.05em;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
#icl ruby rt {
	font-size: 50%;
	text-align: center;
	ruby-align: center;
}

#icl #wpadminbar *:before,
#icl #wpadminbar *:after {
  line-height: 1;
}

#icl h1,
#icl h2,
#icl h3,
#icl h4,
#icl h5,
#icl h6,
#icl li {
  letter-spacing: 0.075em;
}

#icl section,
#icl article,
#icl aside,
#icl footer,
#icl header,
#icl nav,
#icl main,
#icl time {
  display: block;
}

#icl address {
  font-style: normal;
}

#icl ul,
#icl ol {
  padding-left: 40px;
  margin-top: 1em;
  margin-bottom: 1em;
}

#icl span,
#icl button,
#icl strong,
#icl small,
#icl em,
#icl b,
#icl a {
  color: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

#icl button {
  cursor: pointer;
  background-color: transparent;
}

#icl a {
  color: inherit;
  text-decoration: none;
}

#icl a.-blank {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

#icl img,
#icl iframe {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

#icl table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

#icl small {
  font-size: 0.7em;
}

html #icl  {
  font-size: 62.5%;
  /* -> 10px; */
}

body #icl  {
  font-size: 1.5rem;
  font-family: "Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Sans", "ＭＳ ゴシック", sans-serif, sans-serif;
  font-weight: 400;
  color: #313131;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  /*min-width: 1240px;*/
  margin-top: 80px;
}

@media (min-width: 768px) {
  body.logged-in body #icl  {
    margin-top: calc($_siteHeaderHeight + 32px);
  }
}

@media (max-width: 767px) {
  body #icl  {
    -webkit-text-size-adjust: 100%;
    width: 100%;
    min-width: 320px;
    margin-top: 50px;
  }
}

body:before #icl  {
  width: 1px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #3bffff;
  margin: auto;
}

#icl .font {
  font-family: "M PLUS 1p", sans-serif;
}

#icl .work {
  font-family: 'Work Sans', sans-serif;
}

#icl .futo {
  font-family: a-otf-futo-go-b101-pr6n, sans-serif;
  font-weight: 500;
  font-style: normal;
}

#icl .din {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
}


#icl p {
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.075em;
}

#icl sup {
  font-size: 0.7em;
  vertical-align: top;
}

#icl sub {
  font-size: 0.7em;
  vertical-align: baseline;
}

#icl textarea {
  font-size: 15px;
  line-height: 1.6;
  display: block;
  width: 100%;
  height: 200px;
  padding: 15px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1px solid #ccc;
  order: 1px solid #ccc;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: vertical;
}

@media (max-width: 767px) {
  #icl textarea {
    height: 100px;
  }
}

/* =====================================
*  @@SIMPLE STYLE
* ===================================== */
#icl .tac {
  text-align: center !important;
}

#icl .tal {
  text-align: left;
}

#icl .tar {
  text-align: right !important;
}

#icl .tdu {
  text-decoration: underline;
  word-break: break-all;
}

#icl .fl {
  float: left;
}

#icl .fr {
  float: right;
}

#icl .cb {
  clear: both;
}

#icl .db {
  display: block;
}

#icl .ib {
  display: inline-block;
}

#icl .cf:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#icl .ofi {
  width: 100%;
  height: 100%;
  font-family: 'object-fit: cover;';
  -o-object-fit: cover;
  object-fit: cover;
}

body.single #icl .st_all-in {
  background-color: #fafafa;
}

/* =====================================
*  @@COTENTS WIDTH
* ===================================== */
#icl .st_mainContent,
#icl .st_w800,
#icl .st_w900,
#icl .st_w1000 {
  margin-left: auto;
  margin-right: auto;
}

#icl .st_mainContent {
  width: 1198px;
  margin-top: 0px;
}

#icl .st_w800 {
  width: 800px;
}

#icl .st_w900 {
  width: 900px;
}

#icl .st_w1000 {
  width: 1000px;
}

@media (max-width: 767px) {

  #icl .st_mainContent,
  #icl .st_w800,
  #icl .st_w900,
  #icl .st_w1000 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* =====================================
*  @@block
* ===================================== */
/*
* @@block
*****************************************/
#icl .blockMain.-normal {
  padding-top: 70px;
  padding-bottom: 70px;
}

@media (max-width: 767px) {
  #icl .blockMain.-normal {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

#icl .blockMain__body + .blockMain__body {
  margin-top: 60px;
}

@media (max-width: 767px) {
  #icl .blockMain__body + .blockMain__body {
    margin-top: 40px;
  }
}

#icl .blockMain.-negative1 {
  padding-top: 328px;
  margin-top: -300px;
}

@media (max-width: 767px) {
  #icl .blockMain.-negative1 {
    padding-top: calc(12vw + 15px);
    margin-top: -10vw;
  }
}

#icl .blockMain.-bgc1 {
  background-color: #f1f1f1;
}

#icl .blockMain.-bgc2 {
  background-color: #f7f7f7;
}

#icl .blockMain.-bgc3 {
  background-color: #9dddea;
}

#icl .blockMain.-bgc4 {
  background-color: #f6f5f4;
}

#icl .blockMain.-bgc5 {
  background-color: #ffe7aa;
}

#icl .blockMain.-bgshp1 {
  background-image: url(../images/bg_shp1.png), url(../images/bg_shp2.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left calc(((100vw - 1100px) / 2) - 68px) top, right calc(((100vw - 1100px) / 2) - 70px) bottom 20px;
}

@media (min-width: 768px) and (max-width: 1239px) {
  #icl .blockMain.-bgshp1 {
    background-position: left top, right 0 bottom 20px;
  }
}

@media (max-width: 767px) {
  #icl .blockMain.-bgshp1 {
    background-image: url(../images/bg_shp1_sp.png), url(../images/bg_shp2.png);
    background-position: left bottom 62px, right 7px bottom 62px;
    background-size: 191px, 189px;
    padding-bottom: 185px;
  }
}

#icl .blockMain[class*='-bgi'] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#icl .blockMain.-bgi1 {
  background-image: url(../images/bg_lay1.jpg);
}

@media (max-width: 767px) {
  #icl .blockMain.-bgi1 {
    background-image: url(../images/bg_lay1_sp.jpg);
  }
}

#icl .blockMain.-bgi2 {
  background-image: url(../images/bg_lay2.jpg);
}

@media (max-width: 767px) {
  #icl .blockMain.-bgi2 {
    background-image: url(../images/bg_lay2_sp.jpg);
  }
}

#icl .blockMain.-pb {
  padding-bottom: 60px;
}

#icl .blockMain.-bfbg::before {
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  background: #f7f7f7;
}

@media (max-width: 767px) {
  #icl .blockMain.-bfbg::before {
    height: 20px;
  }
}

#icl .blockChild:not(:first-child) {
  width: 100%;
  max-width: 1099px;
  margin: 0 auto;
  margin-top: 50px;
}

@media (max-width: 767px) {
  #icl .blockChild:not(:first-child) {
    margin-top: 30px;
  }
}

#icl [class*='title_'] + .blockChild {
  margin-top: 0;
}

/*
* @@title
*****************************************/
#icl .title_deco_1 {
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ 明朝", "MS Mincho", serif;
  font-weight: normal;
  position: relative;
}

#icl .title_deco_1:before,
#icl .title_deco_1:after {
  content: "";
  width: 22px;
  height: 28px;
  position: absolute;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  margin: auto;
}

@media (max-width: 767px) {

  #icl .title_deco_1:before,
  #icl .title_deco_1:after {
    height: 16px;
  }
}

#icl .title_deco_1:before {
  left: -22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.79 28.864'%3E%3Cpath d='M3 0l13.79 28.864L0 2l3-2z' fill-rule='evenodd' clip-rule='evenodd' fill='%23603b22'/%3E%3C/svg%3E");
}

#icl .title_deco_1.-type2:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.79 28.864'%3E%3Cpath d='M3 0l13.79 28.864L0 2l3-2z' fill-rule='evenodd' clip-rule='evenodd' fill='%230085ae'/%3E%3C/svg%3E");
}

#icl .title_deco_1:after {
  right: -22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.008 28.989'%3E%3Cpath d='M13.943 0L0 28.989 17.008 2.008 13.943 0z' fill-rule='evenodd' clip-rule='evenodd' fill='%23603b22'/%3E%3C/svg%3E");
}

#icl .title_deco_1.-type2:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.008 28.989'%3E%3Cpath d='M13.943 0L0 28.989 17.008 2.008 13.943 0z' fill-rule='evenodd' clip-rule='evenodd' fill='%230085ae'/%3E%3C/svg%3E");
}

#icl .title_lv1_a {
  font-size: 3rem;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  #icl .title_lv1_a {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}

#icl .title_lv2_a {
  font-size: 1.8rem;
  color: #555;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

#icl .title_lv2_a:after {
  content: "";
  background-color: #888;
  display: inline-block;
  width: 300px;
  height: 1px;
  margin-left: 20px;
}

@media (max-width: 767px) {
  #icl .title_lv2_a:after {
    font-size: 1.6rem;
    width: 20%;
  }
}

#icl .title_lv1_b {
  font-size: 2.8rem;
  letter-spacing: 0.06em;
  color: #603b22;
}

@media (max-width: 767px) {
  #icl .title_lv1_b {
    font-size: 1.7rem;
  }
}

#icl .title_lv1_b.-type2 {
  color: #0085ae;
}

#icl .title_lv1_b span {
  line-height: 1;
  display: inline-block;
  -webkit-box-shadow: inset 0 -6px 0 0 #f9bd2c;
  box-shadow: inset 0 -6px 0 0 #f9bd2c;
}

@media (max-width: 767px) {
  #icl .title_lv1_b span {
    -webkit-box-shadow: inset 0 -4px 0 0 #f9bd2c;
    box-shadow: inset 0 -4px 0 0 #f9bd2c;
  }
}

#icl .title_lv1_b.-type2 span {
  -webkit-box-shadow: inset 0 -6px 0 0 #80e1ff;
  box-shadow: inset 0 -6px 0 0 #80e1ff;
}

@media (max-width: 767px) {
  #icl .title_lv1_b.-type2 span {
    -webkit-box-shadow: inset 0 -4px 0 0 #80e1ff;
    box-shadow: inset 0 -4px 0 0 #80e1ff;
  }
}

#icl .title_lv1_c {
  font-size: 3rem;
  text-align: center;
  background-image: url(../images/bg_shp3.png);
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  #icl .title_lv1_c {
    font-size: 2rem;
    background-image: url(../images/bg_shp3_sp.png);
    background-size: auto 100%;
  }
}

#icl .title_lv1_d {
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: 31px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 31px;
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  #icl .title_lv1_d {
    height: 16px;
    background-size: auto 16px;
    margin-bottom: 10px;
  }
}

#icl .title_lv1_d.-txt1 {
  background-image: url(../images/txt_title_1.png);
}

@media (max-width: 767px) {
  #icl .title_lv1_d.-txt1 {
    background-image: url(../images/txt_title_1_sp.png);
  }
}

#icl .title_lv1_e {
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  color: #16216a;
  text-align: center;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  #icl .title_lv1_e {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}

#icl .title_lv1_f {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  text-align: center;
  color: #5a2e00;
  margin-bottom: 35px;
}

#icl .title_lv1_f b {
  font-size: 1.3em;
}

@media (max-width: 767px) {
  #icl .title_lv1_f {
    font-size: 1.7rem;
    letter-spacing: 0;
    margin-bottom: 10px;
  }
}

#icl .title_lv1_g {
  position: relative;
  display: inline-block;
  margin-bottom: 36px;
  padding: 10px 100px 10px calc(50% - 500px);
  font-size: 3.2rem;
  line-height: 1.25;
  color: #fff;
  letter-spacing: 0;
  background: url(../images/bg_title_lv1_g.png) no-repeat right;
  background-size: cover;
}

@media (max-width: 767px) {
  #icl .title_lv1_g {
    margin-bottom: 15px;
    padding: 10px 35px 10px 22px;
    font-size: 2rem;
  }
}

#icl .title_lv1_g.-secondary {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 75px;
}

@media (max-width: 767px) {
  #icl .title_lv1_g.-secondary {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}

/*
* @@text
*****************************************/
#icl .text_1 {
  font-size: 1.8rem;
  line-height: 2;
  color: #16216a;
}

@media (max-width: 767px) {
  #icl .text_1 {
    font-size: 1.2rem;
  }
}

#icl .text_2 {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  line-height: 1.8;
}

@media (max-width: 767px) {
  #icl .text_2 {
    font-size: 1.6rem;
  }
}

#icl .text_2 strong {
  font-size: 2rem;
  display: inline-block;
  margin-bottom: 10px;
}

/*
* @@anno
*****************************************/
#icl .anno_1 {
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-top: 5px;
  margin-left: 1.04em;
}

#icl .anno_1 small {
  font-size: 0.9em;
  text-indent: 1.04em;
  margin-left: -1em;
}

#icl .anno_1 small:before {
  content: "※";
}

#icl .anno_2 {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.04em;
  display: inline-block;
  position: relative;
  margin-left: 1.1em;
}

#icl .anno_2:not(:first-child) {
  margin-top: 10px;
  line-height: 1.27;
}

@media (max-width: 767px) {
  #icl .anno_2 {
    font-size: 1.2rem;
  }
}

#icl .anno_2:before {
  content: "※";
  position: absolute;
  font-size: inherit;
  line-height: inherit;
  top: 0;
  left: -1.1em;
}

#icl .anno_4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#icl .anno_4__item {
  font-size: 1.1rem;
}
@media (max-width: 767px) {
	#icl .anno_4 {
		flex-direction: column;
		margin-top: 4px;
	}
	#icl .anno_4 * {
		line-height: 1.4;
	}
	#icl .anno_4__group:last-child {
		order: -1;
		text-align: right;
	}
	#icl .anno_4__item {
	  font-size: 1rem;
	  letter-spacing: 0;
	}
}

#icl .annoList_1 {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

#icl .annoList_1__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#icl .annoList_1__item:not(:first-child) {
  margin-top: 7px;
}

#icl .annoList_1__itemHead,
#icl .annoList_1__itemData {
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0;
  color: #00a9cf;
}

#icl .annoList_1__itemHead {
  white-space: nowrap;
}

#icl .annoList_1__itemData sub {
  line-height: 0;
  display: inline-block;
  -webkit-transform: scale(0.7) translateY(2px);
  transform: scale(0.7) translateY(2px);
}

/*
* @@bnr
*****************************************/
#icl .bnr_1 {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

#icl .bnr_1__itemDesc {
  font-size: 1.5rem;
  text-align: center;
  margin-top: 30px;
}

@media (max-width: 767px) {
  #icl .bnr_1__itemDesc {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 10px;
  }
}

#icl .bnr_1__itemLink {
  display: block;
}

#icl .bnr_1__itemImg {
  width: 100%;
}

/*
* @@btn
*****************************************/
#icl .btn_spMenu,
#icl .btn_spMenu__bar {
  display: inline-block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

#icl .btn_spMenu {
  width: 26px;
  height: 18px;
  position: relative;
}

#icl .btn_spMenu__bar {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: #16216a;
  border-radius: 999px;
  margin: auto;
}

#icl .btn_spMenu__bar:nth-of-type(1) {
  top: 0;
}

#icl .btn_spMenu.-active .btn_spMenu__bar:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg);
}

#icl .btn_spMenu__bar:nth-of-type(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#icl .btn_spMenu.-active .btn_spMenu__bar:nth-of-type(2) {
  opacity: 0;
}

#icl .btn_spMenu__bar:nth-of-type(3) {
  bottom: 0;
}

#icl .btn_spMenu.-active .btn_spMenu__bar:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg);
}

#icl .btn_pageTop {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256.1' height='149'%3E%3Cpath fill='%2316216a' d='M136.5 3.5l116 117.8c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L128 43.1 27.6 145.3c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17l116-117.8c4.7-4.6 12.3-4.6 17 .1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  background-color: #d3f0f6;
  border: 1px solid #16216a;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

@media (max-width: 767px) {
  #icl .btn_pageTop {
    width: 35px;
    height: 35px;
    bottom: 10px;
    right: 10px;
    background-size: 12px;
  }

  body.p-iso_jhc #icl  .btn_pageTop {
    background-color: #fff4d9;
    border-color: #65390b;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256.1' height='149'%3E%3Cpath fill='%2365390b' d='M136.5 3.5l116 117.8c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L128 43.1 27.6 145.3c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17l116-117.8c4.7-4.6 12.3-4.6 17 .1z'/%3E%3C/svg%3E");
  }
}

#icl .btn_pageTop.-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

body.p-iso_jhc #icl  {
	margin-top: 0 !important;
}

/*
* @@dl
*****************************************/
#icl .dl_changeTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  height: 600px;
  background-color: #fff;
  margin-top: 54px;
}

@media (max-width: 767px) {
  #icl .dl_changeTab {
    display: block;
    height: auto;
    background-color: transparent;
  }
}

#icl .dl_changeTab__head {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  text-align: center;
  width: 100%;
  margin-top: -56px;
}

#icl .dl_changeTab__head:not(:first-child) {
  margin-left: 8px;
}

@media (max-width: 767px) {
  #icl .dl_changeTab__head:not(:first-child) {
    margin-top: 10px;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  #icl .dl_changeTab__head {
    font-size: 1.4rem;
    color: #00a9cf;
    border: 2px solid #00a9cf;
    border-radius: 5px;
    overflow: hidden;
  }

 #icl .dl_changeTab.-type2 .dl_changeTab__head {
    color: #313131;
    border: 2px solid #ffbc00;
  }

 #icl .dl_changeTab__head.-active_sp {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

#icl .dl_changeTab__btn {
  display: block;
  width: 100%;
  position: relative;
  background-color: #e3f2f5;
  padding: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

@media (max-width: 767px) {
  #icl .dl_changeTab__btn {
    background-color: #fff;
    border-radius: 0;
    padding: 10px;
  }
}

#icl .dl_changeTab__btn:before {
  content: "";
  position: absolute;
}

/*@media (max-width: 767px) {
  .dl_changeTab__btn:before {
    width: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    right: 15px;
    background-color: #00a9cf;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M26 14H14v12h-2V14H0v-2h12V0h2v12h12v2z' fill-rule='evenodd' clip-rule='evenodd' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px;
    margin: auto;
  }

  .dl_changeTab.-type2 .dl_changeTab__btn:before {
    background-color: #ffbc00;
  }

  .dl_changeTab__head.-active_sp .dl_changeTab__btn:before {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 2'%3E%3Cpath d='M0 2V0h26v2H0z' fill-rule='evenodd' clip-rule='evenodd' fill='%2300a9cf'/%3E%3C/svg%3E");
  }

  .dl_changeTab.-type2 .dl_changeTab__head.-active_sp .dl_changeTab__btn:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 2'%3E%3Cpath d='M0 2V0h26v2H0z' fill-rule='evenodd' clip-rule='evenodd' fill='%23ffbc00'/%3E%3C/svg%3E");
  }
}*/

#icl .dl_changeTab.-type2 .dl_changeTab__btn {
  background-color: #fff8e4;
}

@media (min-width: 961px) {
  #icl .dl_changeTab__head.-active .dl_changeTab__btn {
    font-weight: bold;
    color: #fff;
    background-color: #00a9cf;
    pointer-events: none;
    cursor: default;
  }

  #icl .dl_changeTab.-type2 .dl_changeTab__head.-active .dl_changeTab__btn {
    background-color: #ffbc00;
  }

  #icl .dl_changeTab__head.-active .dl_changeTab__btn:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -8px;
    left: 0;
    right: 0;
    z-index: 2;
    border-style: solid;
    border-width: 9px 5.5px 0 5.5px;
    border-color: #00a9cf transparent transparent transparent;
    margin: auto;
  }

  #icl .dl_changeTab.-type2 .dl_changeTab__head.-active .dl_changeTab__btn:before {
    border-color: #ffbc00 transparent transparent transparent;
  }
}

/*@media (max-width: 767px) {
  .dl_changeTab__head.-active_sp .dl_changeTab__btn {
    color: #fff;
    background-color: #00a9cf;
  }

  .dl_changeTab.-type2 .dl_changeTab__head.-active_sp .dl_changeTab__btn {
    background-color: #ffbc00;
  }
}*/

#icl .dl_changeTab__data {
  width: 100%;
  height: 600px;
  display: none;
  position: absolute;
  top: -1px;
  left: 0;
  background-color: #fff;
  padding: 40px 50px 88px;
}

@media (max-width: 767px) {
  #icl .dl_changeTab__data {
    height: 320px;
    position: static;
    padding: 10px 10px 20px;
    border: 2px solid #00a9cf;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
  }
  #icl .dl_changeTab__data:first-of-type {
	  padding-bottom: 80px;
  }

  #icl .dl_changeTab.-type2 .dl_changeTab__data {
    border: 2px solid #ffbc00;
  }
}

@media (min-width: 768px) {
  #icl .dl_changeTab__data.-opn {
    display: block;
  }
}

#icl .dl_changeTab__dataInner {
  position: relative;
  height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch !important;
  font-size: 0;
}

#icl .dl_1__head,
#icl .dl_1__data {
  font-size: 1.4rem;
}

@media (max-width: 767px) {

  #icl .dl_1__head,
  #icl .dl_1__data {
    font-size: 1.2rem;
  }
}

#icl .dl_1__head {
  text-indent: -0.5em;
  margin-bottom: 5px;
}

#icl .dl_1__head:not(:first-child) {
  margin-top: 30px;
}

@media (max-width: 767px) {
  #icl .dl_1__head:not(:first-child) {
    margin-top: 15px;
  }
}

#icl .dl_1__data {
  line-height: 2;
}

@media (max-width: 767px) {
  #icl .dl_1__data {
    line-height: 1.6;
  }
}

#icl .dl_1__dataHead {
  font-weight: bold;
  margin-bottom: 10px;
}

#icl .dl_1__dataHead:not(:first-child) {
  margin-top: 20px;
}

/*
* @@frame
*****************************************/
#icl .frame_1 {
  background-color: #fff;
  padding: 23px 30px 11px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  #icl .frame_1 {
    padding: 10px;
  }
}

/*
* @@_overlay
*****************************************/
#icl ._overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 110;
  background-color: rgba(255, 255, 255, 0.85);
  display: none;
}

/*
* @@_gNav
*****************************************/
/* ._gNav {
  margin-right: -20px;
} */

@media (max-width: 767px) {
 #icl ._gNav {
    margin-right: 0;
  }
}

#icl ._gNavList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 767px) {
 #icl ._gNavList {
    display: block;
    margin-right: 0;
  }
}

#icl ._gNavList__item {
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;
}

@media (max-width: 767px) {
 #icl ._gNavList__item {
    font-size: 1.5rem;
    color: #fff !important;
    border-bottom: 1px solid #5d6484;
    margin: 0;
  }
}

#icl ._gNavList__item.-home {
  font-size: 1.1rem;
}

@media (max-width: 767px) {
  #icl ._gNavList__item.-home {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  #icl ._gNavList__item.-purchace {
    display: none;
  }
}

body.p-iso_100 #icl  ._gNavList__item {
  color: #16216a;
}

body.p-iso_jhc #icl  ._gNavList__item {
  color: #603b22;
}

#icl ._gNavList__item:before {
  content: "";
  position: absolute;
  width: 1px;
  height: calc(1em + 2px);
  right: -15px;
  top: 0;
  bottom: 0;
  background-color: #313131;
  margin: auto;
}

body.p-iso_jhc #icl  ._gNavList__item:before {
  background-color: #603b22;
}

body.p-iso_100 #icl  ._gNavList__item:before {
  background-color: #16216a;
}

@media (max-width: 767px) {
  #icl ._gNavList__item:before {
    display: none;
  }
}

#icl ._gNavList__item.-campaign:before {
  display: none;
}

@media (max-width: 767px) {
  #icl ._gNavList__itemInner {
    text-align: center;
    display: block;
    width: 100%;
    padding: 15px;
  }
}

#icl ._gNavList__item.-home ._gNavList__itemInner {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.673 20.917'%3E%3Cpath d='M21.663 10.917h.01L18.49 7.71V2.5H15.904v1.533L15.899 5.1 10.852.015l-.011-.011L10.837 0 4.512 6.371 0 10.91h.007L0 10.917h3.621v10h5.213v-4.333h4.005v4.313l-.001.013h.001v.007h5.213v-10h2.118l1.498.005-.005-.005z' fill-rule='evenodd' clip-rule='evenodd' fill='%23313131'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 22px;
  padding-top: 25px;
}

@media (max-width: 767px) {
  #icl ._gNavList__item.-home ._gNavList__itemInner {
    padding-top: 15px;
    background-image: none !important;
  }
}

body.p-iso_jhc #icl  ._gNavList__item.-home ._gNavList__itemInner {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.673 20.917'%3E%3Cpath d='M21.663 10.917h.01L18.49 7.71V2.5H15.904v1.533L15.899 5.1 10.852.015l-.011-.011L10.837 0 4.512 6.371 0 10.91h.007L0 10.917h3.621v10h5.213v-4.333h4.005v4.313l-.001.013h.001v.007h5.213v-10h2.118l1.498.005-.005-.005z' fill-rule='evenodd' clip-rule='evenodd' fill='%23603b22'/%3E%3C/svg%3E");
}

body.p-iso_100 #icl  ._gNavList__item.-home ._gNavList__itemInner {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.673 20.917'%3E%3Cpath d='M21.663 10.917h.01L18.49 7.71V2.5H15.904v1.533L15.899 5.1 10.852.015l-.011-.011L10.837 0 4.512 6.371 0 10.91h.007L0 10.917h3.621v10h5.213v-4.333h4.005v4.313l-.001.013h.001v.007h5.213v-10h2.118l1.498.005-.005-.005z' fill-rule='evenodd' clip-rule='evenodd' fill='%2316216a'/%3E%3C/svg%3E");
}

#icl ._gNavList__item.-campaign ._gNavList__itemInner {
  font-weight: bold;
  color: #fff;
  background-color: #00a9cf;
  padding: 6px 15px;
  border-radius: 999px;
}

@media (max-width: 767px) {
  #icl ._gNavList__item.-campaign ._gNavList__itemInner {
    background-color: transparent;
    padding: 15px;
    border-radius: 0;
  }
}

body.p-iso_jhc #icl  ._gNavList__item.-campaign ._gNavList__itemInner {
  background-color: #603b22;
}

@media (max-width: 767px) {
  body.p-iso_jhc #icl  ._gNavList__item.-campaign ._gNavList__itemInner {
    background-color: transparent;
  }
}

#icl body.p-iso_100 ._gNavList__item.-campaign ._gNavList__itemInner {
  background-color: #16216a;
}

@media (max-width: 767px) {
  #icl body.p-iso_100 ._gNavList__item.-campaign ._gNavList__itemInner {
    background-color: transparent;
  }
}

#icl ._gNavList__item.-purchace ._gNavList__itemInner {
  color: #fff;
  background-color: #6f6f6f;
  display: inline-block;
  background-image: url(../images/icon_cart.png);
  background-repeat: no-repeat;
  background-position: 12px 7px;
  background-size: 16px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 35px;
  padding-right: 15px;
  border-radius: 2px;
}

/*
* @@_spMenu
*****************************************/
@media (max-width: 767px) {
  #icl ._spMenu {
    width: 100%;
    height: calc(100% - 50px);
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 200;
    background-color: rgba(22, 33, 106, 0.95);
    overflow: auto;
    -webkit-overflow-scrolling: touch !important;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }

  #icl ._spMenu.-spMenuOpn {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
}

/*
* @@_topKv
*****************************************/
#icl ._topKv {
  display: block;
  width: 100%;
  position: relative;
}

@media (max-width: 767px) {
  #icl ._topKv {
    margin-bottom: 5px;
    text-align: center;
  }
}

#icl ._topKv__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}

#icl ._topKv__imgSrc {
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  #icl ._topKv__imgSrc {
    height: 100%;
  }
}

#icl ._topKv__meta {
  display: inline-block;
}

#icl ._topKv__ttl {
  font-size: 0;
  line-height: 0;
  height: 72px;
  background-image: url(../images/txt_topKv.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 52px;
  border-bottom: 1px solid #16216a;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  #icl ._topKv__ttl {
    height: 48px;
    background-image: url(../images/txt_topKv_sp.png);
    background-size: auto 35px;
  }
}

#icl ._topKv__desc {
  text-align: center;
}

#icl ._topKv_frame {
  position: relative;
  visibility: hidden;
}

#icl .initialized {
  visibility: visible;
}

#icl ._topKv__imgItem {
  width: 100%;
}

#icl ._topKv__imgItem.sp_in {
  display: none;
}

@media (max-width: 767px) {
  #icl ._topKv__imgItem.sp_in {
    display: block;
  }
}

@media (max-width: 767px) {
  #icl ._topKv__imgItem.pc_in {
    display: none;
  }
}

#icl ._topKv_slideBtn {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  font-size: 0;
  background-color: rgba(0, 0, 0, 0.2);
  background-size: 100% auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

@media (max-width: 767px) {
  #icl ._topKv_slideBtn {
    width: 30px;
    height: 30px;
  }
}

#icl ._topKv_prevBtn {
  left: 19px;
  background-image: url(../images/icon_arrow_prev.png);
}

@media (max-width: 767px) {
  #icl ._topKv_prevBtn {
    left: 8px;
  }
}

#icl ._topKv_nextBtn {
  right: 19px;
  background-image: url(../images/icon_arrow_next.png);
}

@media (max-width: 767px) {
  #icl ._topKv_nextBtn {
    right: 8px;
  }
}

#icl ._topKv_dots {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 10;
}

#icl ._topKv_dots li {
  display: inline-block;
  font-size: 0;
}

#icl ._topKv_dots li button {
  margin: 0 3px;
  width: 10px;
  height: 10px;
  border-radius: 25px;
  background: #d9d9d9;
}

@media (max-width: 767px) {
  #icl ._topKv_dots li button {
    margin: 0 2px;
    width: 5px;
    height: 5px;
  }
}

#icl ._topKv_dots li.slick-active button {
  background: #7f7f7f;
}

/*
* @@_addPrompt
*****************************************/
#icl ._addPrompt {
  text-align: right;
}

#icl ._addPrompt .anno_2 {
  margin: 15px 0 45px;
  color: #a2a2a2;
}

@media (max-width: 767px) {
  #icl ._addPrompt .anno_2 {
    margin: 2px 0 20px;
    font-size: 1rem;
    line-height: 1;
  }
}

#icl ._addPrompt .more_btn {
  text-align: center;
}

/*
* @@_pageKv
*****************************************/
#icl ._pageKv {
  position: relative;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

#icl ._pageKv__imgSrc {
  max-width: none;
  position: relative;
  width: 100%;
}

@media (max-width: 767px) {
  #icl ._pageKv__imgSrc {
    width: 100%;
    position: static;
    -webkit-transform: none;
    transform: none;
  }
}

#icl ._pageKv__btnCampaign {
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#icl ._pageKv__btnCampaign:hover {
  opacity: 0.8;
}

/* badge */
#icl .p-iso_100 ._pageKv {
	overflow: visible;
}
#icl ._pageKv .badge {
	position: absolute;
}
#icl ._pageKv .badge.pc_in {
	bottom: calc(-40vw / 12.8);
	left: calc(50% - 330vw / 12.8);
	width: calc(156vw / 12.8);
	height: calc(156vw / 12.8);
}
#icl ._pageKv .badge.sp_in {
	bottom: calc(240vw / 9.6);
	left: calc(20vw / 9.6);
	width: calc(211vw / 9.6);
	height: calc(211vw / 9.6);
}


/*
* @@_hasIllust
*****************************************/
#icl ._hasIllust {
  position: relative;
}

#icl ._hasIllust__anno {
  font-size: 1rem;
  color: #cfcfcf;
  position: absolute;
  bottom: 15px;
  right: calc((100 - 1100px) / 2);
}

@media (min-width: 768px) and (max-width: 1239px) {
  #icl ._hasIllust__anno {
    right: 70px;
  }
}

@media (max-width: 767px) {
  #icl ._hasIllust__anno {
    bottom: 35px;
    right: 10px;
  }
}

/*
* @@_qaData1
*****************************************/
#icl ._qaData1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  #icl ._qaData1 {
    display: block;
  }
}

#icl ._qaData1 > * {
  width: 50%;
}

@media (max-width: 767px) {
  #icl ._qaData1 > * {
    width: 100%;
  }
}

#icl ._qaData1___graph {
  position: relative;
  background-image: url(../images/img_qaData_graph.png);
  background-repeat: no-repeat;
  background-position: 114px 10px;
}

@media (max-width: 767px) {
  #icl ._qaData1___graph {
    height: 0;
    padding-top: 61%;
    background-image: url(../images/img_qaData_graph_sp.png);
    background-position: calc(50% - 6vw) 20px;
    background-size: auto 75%;
  }
}

@media (min-width: 500px) and (max-width: 767px) {
  #icl ._qaData1___graph {
    padding-top: 268px;
    width: 440px;
    background-position: calc(50% - 32px) 20px;
    margin-left: auto;
    margin-right: auto;
  }
}

#icl ._qaData1___graphAnswer {
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 1.5;
  position: absolute;
  top: -999px;
  background-repeat: no-repeat;
  background-position: left 3px;
  padding-top: 42px;
}

@media (max-width: 767px) {
  #icl ._qaData1___graphAnswer {
    font-size: 1rem;
    line-height: 1.1;
    background-size: auto 15px;
    padding-top: 25px;
  }
}

#icl ._qaData1___graphAnswer:before {
  content: "";
  position: absolute;
  height: 1px;
  left: 0;
  top: 38px;
  background-color: #838c91;
}

@media (max-width: 767px) {
  #icl ._qaData1___graphAnswer:before {
    display: none;
    top: 24px;
    background-color: #bdc2c4;
  }
}

#icl ._qaData1___graphAnswer.-a1 {
  top: 74px;
  left: 26px;
  background-image: url(../images/txt_qaData_a1.png);
}

@media (max-width: 767px) {
  #icl ._qaData1___graphAnswer.-a1 {
    background-image: url(../images/txt_qaData_a1_sp.png);
    top: calc(37% - 5px);
    left: 3%;
  }
}

#icl ._qaData1___graphAnswer.-a1:before {
  width: 93px;
}

#icl ._qaData1___graphAnswer.-a2 {
  top: 5px;
  left: 301px;
  background-image: url(../images/txt_qaData_a2.png);
  background-position: 18px 3px;
  padding-left: 20px;
}

@media (max-width: 767px) {
  #icl ._qaData1___graphAnswer.-a2 {
    top: 5%;
    left: 63%;
    background-image: url(../images/txt_qaData_a2_sp.png);
  }
}

@media (min-width: 400px) and (max-width: 767px) {
  #icl ._qaData1___graphAnswer.-a2 {
    left: 65%;
  }
}

#icl ._qaData1___graphAnswer.-a2:before {
  width: 96px;
}

#icl ._qaData1___graphAnswer.-a3 {
  top: 105px;
  left: 301px;
  background-image: url(../images/txt_qaData_a3.png);
  background-position: 18px 3px;
  padding-left: 20px;
}

@media (max-width: 767px) {
  #icl ._qaData1___graphAnswer.-a3 {
    top: 40%;
    left: 63%;
    background-image: url(../images/txt_qaData_a3_sp.png);
  }
}

@media (min-width: 400px) and (max-width: 767px) {
  #icl ._qaData1___graphAnswer.-a3 {
    left: 65%;
  }
}

#icl ._qaData1___graphAnswer.-a3:before {
  width: 107px;
  left: -11px;
}

#icl ._qaData1___graphAnswer.-a4 {
  top: 190px;
  left: 301px;
  background-image: url(../images/txt_qaData_a4.png);
  background-position: 18px 3px;
  padding-left: 20px;
}

@media (max-width: 767px) {
  #icl ._qaData1___graphAnswer.-a4 {
    top: 73%;
    left: 63%;
    background-image: url(../images/txt_qaData_a4_sp.png);
  }
}

@media (min-width: 400px) and (max-width: 767px) {
  #icl ._qaData1___graphAnswer.-a4 {
    left: 65%;
  }
}

#icl ._qaData1___graphAnswer.-a4:before {
  width: 96px;
}

#icl ._qaData1___graphAnswer span {
  display: block;
  font-size: 0;
  letter-spacing: 0;
}

#icl ._qaData1___detail {
  color: #717171;
  position: relative;
  padding: 20px;
  border: 3px solid #e8435c;
  border-radius: 10px;
}

@media (max-width: 767px) {
  #icl ._qaData1___detail {
    text-align: center;
    padding: 10px;
    border-width: 2px;
    margin-top: 10px;
  }
}

#icl ._qaData1___detail:before {
  content: "";
  position: absolute;
  width: 217px;
  height: 14px;
  top: 89px;
  left: -217px;
  background-image: url(../images/shp_bar1.png);
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 767px) {
  #icl ._qaData1___detail:before {
    width: 2px;
    height: 23vw;
    top: -23vw;
    left: 20px;
    right: 0;
    background-color: #e8435c;
    margin: auto;
  }
}

@media (min-width: 500px) and (max-width: 767px) {
  #icl ._qaData1___detail:before {
    height: 115px;
    top: -115px;
  }
}

#icl ._qaData1___detail:after {
  content: "";
  position: absolute;
}

@media (max-width: 767px) {
  #icl ._qaData1___detail:after {
    width: 8px;
    height: 8px;
    top: -23vw;
    left: 20px;
    right: 0;
    background-color: #e8435c;
    border-radius: 999px;
    margin: auto;
  }
}

@media (min-width: 500px) and (max-width: 767px) {
  #icl ._qaData1___detail:after {
    top: -115px;
  }
}

#icl ._qaData1___detailHead {
  font-size: 1.6rem;
  text-indent: -1em;
  margin-bottom: 20px;
  margin-left: 1em;
}

@media (max-width: 767px) {
  #icl ._qaData1___detailHead {
    font-size: 1rem;
  }
}

#icl ._qaData1___detailHead:before {
  content: "■";
  margin-right: 5px;
}

#icl ._qaData1___detailList {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-image: url(../images/img_qaData.gif);
  background-repeat: no-repeat;
  background-position: 120px top;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  #icl ._qaData1___detailList {
    display: inline-block;
    background-image: url(../images/img_qaData_sp.png);
    background-position: right 0 top 2px;
    background-size: auto 100px;
    padding-right: 145px;
  }
}

#icl ._qaData1___detailListItem {
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.03em;
  text-align: right;
  width: 120px;
  height: 1em;
  padding-right: 10px;
}

@media (max-width: 767px) {
  #icl ._qaData1___detailListItem {
    font-size: 1rem;
    width: 95px;
  }
}

#icl ._qaData1___detailListItem:first-child {
  color: #ea5522;
}

#icl ._qaData1___detailListItem:not(:first-child) {
  margin-top: 23px;
}

@media (max-width: 767px) {
  #icl ._qaData1___detailListItem:not(:first-child) {
    height: auto;
    margin-top: 8px;
  }
}

/*
* @@_cnpOutline
*****************************************/
#icl ._cnpOutline_head {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  #icl ._cnpOutline_head {
    margin-bottom: 16px;
  }
}

#icl ._cnpOutline_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 0 50px;
}

@media (max-width: 767px) {
  #icl ._cnpOutline_inner {
    padding: 0 10px;
  }
}

#icl ._cnpOutline_itemImg {
  width: 50%;
  text-align: right;
}

@media (max-width: 767px) {
  #icl ._cnpOutline_itemImg {
    width: 56.42857%;
    margin: 0 auto 20px;
    text-align: center;
  }
}

#icl ._cnpOutline_itemText {
  width: 50%;
}

@media (max-width: 767px) {
  #icl ._cnpOutline_itemText {
    width: 100%;
  }
}

#icl ._cnpOutline_itemLead {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.35;
}

@media (max-width: 767px) {
  #icl ._cnpOutline_itemLead {
    font-size: 1.3rem;
  }
}

#icl ._cnpOutline_itemHead {
  margin: 60px 0;
}

@media (max-width: 767px) {
  #icl ._cnpOutline_itemHead {
    margin: 12px 0;
  }
}

#icl ._cnpOutline_itemNotes {
  padding-left: 1em;
  font-size: 1.4rem;
  line-height: 1.48;
  text-indent: -1em;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  #icl ._cnpOutline_itemNotes {
    font-size: 1rem;
  }
}

/*
* @@_applicationData
*****************************************/
#icl ._applicationData {
  margin-top: 55px;
  padding: 45px 100px;
  background: #fff;
}

@media (max-width: 767px) {
  #icl ._applicationData {
    margin-top: 25px;
    padding: 20px 10px;
  }
}

#icl ._applicationData_head {
  margin-bottom: 20px;
  font-size: 3rem;
  color: #212b62;
  text-align: center;
}

@media (max-width: 767px) {
  #icl ._applicationData_head {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
}

#icl ._applicationData_listRow {
  padding: 25px 0;
  border-bottom: 1px solid #b7e1f1;
  font-size: 0;
}

@media (max-width: 767px) {
  #icl ._applicationData_listRow {
    padding: 15px 0;
  }
}

#icl ._applicationData_listRow:last-child {
  border-bottom: none;
}

#icl ._applicationData_listRow dt {
  display: inline-block;
  width: 16.66667%;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #212b62;
  vertical-align: top;
}

@media (max-width: 767px) {
  #icl ._applicationData_listRow dt {
    width: 100%;
    font-size: 1.4rem;
    text-align: center;
  }
}

#icl ._applicationData_listRow dd {
  display: inline-block;
  width: 83.33333%;
  font-size: 1.6rem;
  line-height: 1.56;
  vertical-align: top;
}

@media (max-width: 767px) {
  #icl ._applicationData_listRow dd {
    width: 100%;
    font-size: 1.3rem;
  }
}

#icl ._applicationData_listRow a {
  color: #0e3d87;
}

/*
* @@_applicationNestleBtns
*****************************************/
#icl ._applicationNestleBtns {
  padding: 50px 0;
  text-align: center;
}

@media (max-width: 767px) {
  #icl ._applicationNestleBtns {
    padding: 20px 0 25px;
  }
}

#icl ._nestleBtn {
  position: relative;
  display: inline-block;
  width: 455px;
  margin: 0 15px;
  height: 88px;
  line-height: 88px;
  border-radius: 10px;
  vertical-align: top;
  background-image: url(../images/icon_btn_arrow.png);
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 13px 20px;
}

@media (max-width: 767px) {
  #icl ._nestleBtn {
    width: 42.4%;
    margin: 0 2%;
    padding: 6px 0;
    height: 53px;
    border-radius: 5px;
    line-height: 1.4;
    background-position: right 9px center;
    background-size: 6px 10px;
  }
}

#icl ._nestleBtn.-member {
  background-color: #f98501;
  border-bottom: solid 4px #e36103;
}

@media (max-width: 767px) {
  #icl ._nestleBtn.-member {
    border-width: 2px;
  }
}

#icl ._nestleBtn.-notmember {
  background-color: #2767c4;
  border-bottom: solid 4px #1e519b;
}

@media (max-width: 767px) {
  #icl ._nestleBtn.-notmember {
    border-width: 2px;
  }
}

#icl ._nestleBtn:hover {
  opacity: 0.8;
}

#icl ._nestleBtn_text {
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
}

@media (max-width: 767px) {
  #icl ._nestleBtn_text {
    font-size: 1.6rem;
  }
}

#icl ._nestleBtn_text small {
  font-size: 2rem;
}

@media (max-width: 767px) {
  #icl ._nestleBtn_text small {
    display: block;
    font-size: 1rem;
  }
}

/*
* @@half
*****************************************/
#icl .half_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  #icl .half_1 {
    display: block;
  }
}

#icl .half_1__item {
  text-align: center;
  width: 50%;
  height: 640px;
  position: relative;
  padding: 0;
  overflow: hidden;
}

@media (max-width: 767px) {
  #icl .half_1__item {
    width: 100%;
    height: 445px;
    padding: 0;
  }
}

#icl .half_1__itemVisual {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  margin: auto;
}

#icl .half_1__itemVisualImg {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media (max-width: 767px) {
  #icl .half_1__itemVisualImg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

#icl .half_1__itemLinkMore {
  position: absolute;
  bottom: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  #icl .half_1__itemLinkMore {
    left: 0;
    width: 100%;
    bottom: 30px;
    -webkit-transform: none;
    transform: none;
  }
}

#icl .half_1__itemTtl {
  position: relative;
  padding: 45px 0 76px;
  background: url(../images/title_half_bg2.png) no-repeat bottom center;
  background-size: cover;
}

#icl .half_1__itemTtl.-type2 {
  background: url(../images/title_half_bg1.png) no-repeat bottom center;
  background-size: cover;
}

@media (max-width: 767px) {
  #icl .half_1__itemTtl {
    padding: 30px 0 45px;
  }
}

/*
* @@layout
*****************************************/
#icl .layout_1 {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  position: relative;
}

@media (max-width: 767px) {
  #icl .layout_1 {
    text-align: center;
    padding-bottom: 120px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
  }
}

#icl .layout_1:before {
  content: "";
  position: absolute;
  width: 707px;
  height: 300px;
  top: 0;
  right: -60px;
  background-image: url(../images/img_layout_1_1.png);
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 767px) {
  #icl .layout_1:before {
    width: 100%;
    height: 120px;
    top: auto;
    bottom: 0;
    left: 0;
    right: 10px;
    background-image: url(../images/img_layout_1_1_sp.png);
    background-size: auto 120px;
    margin: auto;
  }
}

#icl .layout_1__meta {
  text-align: center;
  display: inline-block;
}

@media (max-width: 767px) {
  #icl .layout_1__meta {
    display: block;
  }
}

#icl .layout_1__ttl {
  font-size: 2.6rem;
  font-weight: normal;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  #icl .layout_1__ttl {
    font-size: 1.5rem;
  }
}

#icl .layout_1__ttl b {
  font-size: 1.3em;
  vertical-align: -2px;
}

#icl .layout_1__desc {
  font-size: 1.6rem;
  display: inline-block;
  text-align: center;
}

@media (max-width: 767px) {
  #icl .layout_1__desc {
    font-size: 1.3rem;
  }
}

#icl .layout_1__metaAnno {
  font-size: 1.1rem;
  text-align: right;
}

#icl .layout_2__ttl {
  font-size: 2.2rem;
  color: #00a9cf;
  text-align: center;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  #icl .layout_2__ttl {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}

#icl .layout_2__qaHead {
  font-size: 1.6rem;
  color: #ea5422;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.334 17.334'%3E%3Cpath d='M17.334 8.667A8.667 8.667 0 1 1 0 8.667a8.667 8.667 0 0 1 17.334 0' fill='%23ea5422'/%3E%3Cpath d='M6.2 5.875c0-.423.074-.797.222-1.123a2.39 2.39 0 0 1 .591-.812 2.648 2.648 0 0 1 1.714-.636c.305 0 .607.054.908.163s.574.266.82.473c.236.216.428.487.574.812.148.325.223.699.223 1.123v5.553c0 .414-.074.773-.223 1.078l.932.754-.768.915-.887-.724a2.45 2.45 0 0 1-1.58.547c-.306 0-.608-.055-.909-.163a2.368 2.368 0 0 1-.805-.487 2.252 2.252 0 0 1-.591-.782c-.146-.316-.221-.695-.221-1.138V5.875zm1.507 5.553c0 .364.101.633.303.806.202.172.441.258.717.258.137 0 .246-.02.324-.059l-.679-.547.768-.916.605.488V5.875c0-.364-.102-.632-.303-.805-.202-.172-.44-.258-.716-.258s-.514.086-.716.258c-.202.173-.303.441-.303.805v5.553z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 2px;
  background-size: 20px;
  padding-left: 30px;
}

@media (max-width: 767px) {
  #icl .layout_2__qaHead {
    font-size: 1.2rem;
    background-size: 16px;
    padding-left: 25px;
  }
}

#icl .layout_2__qaData {
  position: relative;
  background-image: url(../images/shp_dash1.gif);
  background-repeat: repeat-x;
  background-position: center top;
  padding-top: 20px;
  margin-top: 10px;
}

@media (max-width: 767px) {
  #icl .layout_2__qaData {
    padding-top: 10px;
    margin-top: 5px;
  }
}

#icl .layout_2__qaData:before {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  top: 20px;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.292 25.292'%3E%3Cpath d='M25.292 12.646c0 6.984-5.662 12.646-12.646 12.646C5.663 25.292 0 19.63 0 12.646 0 5.663 5.663 0 12.646 0c6.984 0 12.646 5.663 12.646 12.646' fill='%2300a9cf'/%3E%3Cpath d='M8.188 20.295l3.426-15.342h1.832l3.426 15.342h-2.197l-.646-3.297h-2.996l-.646 3.297H8.188zm5.43-5.365L12.54 9.37h-.043l-1.077 5.56h2.198z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
}

@media (max-width: 767px) {
  #icl .layout_2__qaData:before {
    width: 20px;
    height: 20px;
    top: 10px;
    background-size: 20px;
  }
}

#icl .layout_2__qaDataAnno {
  font-size: 1rem;
  letter-spacing: 0.01em;
  color: #00a9cf;
}

#icl .layout_3 {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  position: relative;
  text-align: center;
}

@media (max-width: 767px) {
  #icl .layout_3 {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
  }
}

#icl .layout_3:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: 412px;
  height: 300px;
  background: url(../images/img_layout_3_1.png) center / contain no-repeat;
}

@media (max-width: 767px) {
  #icl .layout_3:before {
    left: 0;
    width: 100%;
    height: 230px;
    background-image: url(../images/img_layout_3_1.png);
  }
}

#icl .layout_3__meta {
  display: inline-block;
  padding-top: 29px;
  margin-left: 22px;
  vertical-align: top;
}

@media (max-width: 767px) {
  #icl .layout_3__meta {
    display: block;
  }
}

@media (max-width: 767px) {
  #icl .layout_3__ttl {
    margin-top: 20px;
    padding: 0 20px;
  }
}

#icl .layout_3__desc {
  margin-top: 30px;
  line-height: 1.7;
  font-size: 2.76rem;
  font-weight: 400;
}

@media (max-width: 767px) {
  #icl .layout_3__desc {
    margin-top: 15px;
    font-size: 1.4rem;
  }
}

#icl .layout_3__desc b {
  font-size: 3.36rem;
  font-weight: 600;
}

@media (max-width: 767px) {
  #icl .layout_3__desc b {
    font-size: 1.6rem;
  }
}

/*
* @@link
*****************************************/
#icl [class*='link_'] {
  word-break: break-all;
}

#icl .link_1 {
  font-weight: bold;
  color: #16216a;
  text-decoration: underline;
}

#icl .link_2 {
  font-size: 1.5rem;
  color: #fff;
  background-color: #6f6f6f;
  display: inline-block;
  width: 100%;
  max-width: 300px;
  border-radius: 2px;
}

@media (max-width: 767px) {
  #icl .link_2 {
    font-size: 1.2rem;
    max-width: 230px;
  }
}

#icl .link_2 span {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 12px;
  background-size: 16px;
  padding: 10px;
  padding-left: 25px;
}

@media (max-width: 767px) {
  #icl .link_2 span {
    background-position: 0 9px;
  }
}

#icl .link_2.-purchace span {
  background-image: url(../images/icon_cart.png);
}

#icl .link_L1 {
  font-weight: bold;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='256.1'%3E%3Cpath fill='%2316216a' d='M3.5 119.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L43.1 128l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L3.4 136.5c-4.6-4.7-4.6-12.3.1-17z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 7px;
  padding-left: 25px;
}

#icl .link_R1 {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  position: relative;
  z-index: 2;
  background-color: #603b22;
  padding: 12px 60px;
  border-radius: 5px;
  overflow: hidden;
}

@media (max-width: 767px) {
  #icl .link_R1 {
    font-size: 1.2rem;
    width: 100%;
    max-width: 230px;
    padding: 10px;
  }
}

#icl .link_R1.-type2 {
  background-color: #16216a;
}

#icl .link_R1:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: #5a2e00;
}

#icl .link_R1.-type2:before {
  background-color: #0d1752;
}

#icl .link_R1 span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.596 7.925'%3E%3Cpath d='M4.596 3.963L0 7.925V0l4.596 3.963z' fill-rule='evenodd' clip-rule='evenodd' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 5px 8px;
  padding-left: 14px;
}

#icl .link_C1 {
  display: inline-block;
  position: relative;
  padding: 14px 20px 14px 50px;
  font-size: 2rem;
  letter-spacing: 0.1em;
  color: #fff;
  text-decoration: none;
  z-index: 2;
  background-color: #16216a;
  overflow: hidden;
}

@media (max-width: 767px) {
  #icl .link_C1 {
    font-size: 1.6rem;
    width: 100%;
    max-width: 250px;
    padding: 12px 10px 12px 30px;
  }
}

#icl .link_C1:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: #0d1752;
}

#icl .link_C1 span {
  background-image: url(../images/icon_btn_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 13px 20px;
  padding-right: 40px;
}

@media (max-width: 767px) {
  #icl .link_C1 span {
    background-size: 7px 15px;
  }
}

/*
* @@list
*****************************************/
#icl .list_1 {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

#icl .list_1__item {
  position: relative;
  padding-left: 1.5em;
}

#icl .list_1__item:not(:first-child) {
  margin-top: 5px;
}

#icl .list_1__item:before {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  top: 4px;
  left: 0;
  background-color: #313131;
  border-radius: 999px;
}

/*
* @@listCard
*****************************************/
#icl .listCard_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: -10px;
}

#icl .listCard_1__item {
  width: calc((100% / 3) - (10px * 2));
  margin: 10px;
}

#icl .listCard_1.-col2 .listCard_1__item {
  width: calc((100% / 2) - (10px * 2));
}

/*
* @@listOrder
*****************************************/
#icl .listOrder_1 {
  counter-reset: num;
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px;
}

@media (max-width: 767px) {
  #icl .listOrder_1 {
    display: block;
    margin: 0;
  }
}

#icl .listOrder_1__item {
  text-align: center;
  width: calc((100% / 3) - 20px);
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 15px 10px 25px;
  border: 2px solid #5a2e00;
  margin: 10px;
}

@media (max-width: 767px) {
  #icl .listOrder_1__item {
    width: 100%;
    margin: 0;
  }

  #icl .listOrder_1__item:not(:first-child) {
    margin-top: 10px;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  #icl .listOrder_1__item {
    padding: 20px;
  }
}

#icl .listOrder_1__item.-full {
  width: 100%;
}

#icl .listOrder_1__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 61px;
  height: 61px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 61px;
}

@media (max-width: 767px) {
  #icl .listOrder_1__item:before {
    width: 49px !important;
    height: 49px !important;
    top: 1px;
    left: 1px;
    background-size: 49px !important;
  }
}

#icl .listOrder_1__item:nth-child(1):before {
  background-image: url(../images/shp_listOrder_1_1.png);
}

@media (max-width: 767px) {
  #icl .listOrder_1__item:nth-child(1):before {
    background-image: url(../images/shp_listOrder_1_1_sp.png);
  }
}

#icl .listOrder_1__item:nth-child(2):before {
  background-image: url(../images/shp_listOrder_1_2.png);
}

@media (max-width: 767px) {
  #icl .listOrder_1__item:nth-child(2):before {
    background-image: url(../images/shp_listOrder_1_2_sp.png);
  }
}

#icl .listOrder_1__item:nth-child(3):before {
  background-image: url(../images/shp_listOrder_1_3.png);
}

@media (max-width: 767px) {
  #icl .listOrder_1__item:nth-child(3):before {
    background-image: url(../images/shp_listOrder_1_3_sp.png);
  }
}

#icl .listOrder_1__item:nth-child(4):before {
  width: 71px;
  height: 71px;
  background-image: url(../images/shp_listOrder_1_4.png);
  background-size: 71px;
}

@media (max-width: 767px) {
  #icl .listOrder_1__item:nth-child(4):before {
    background-image: url(../images/shp_listOrder_1_4_sp.png);
  }
}

#icl .listOrder_1__itemHead {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  text-align: left;
  letter-spacing: 0.06em;
  text-indent: 50px;
  color: #603b22;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  #icl .listOrder_1__itemHead {
    font-size: 1.6rem;
    text-indent: 20px;
  }
}

#icl .listOrder_1__itemDesc {
  font-size: 1.5rem;
  line-height: 1.7;
  margin-top: 15px;
}

@media (max-width: 767px) {
  #icl .listOrder_1__itemDesc {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  #icl .listOrder_1__itemImg {
    width: 100%;
    max-width: 400px;
  }
}

/*** listOrder_2 ***/
#icl .listOrder_2 {
  counter-reset: num;
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2 {
    display: block;
    margin: 0;
  }
}*/

#icl .listOrder_2__item {
  position: relative;
  width: 100%;
  z-index: 2;
  background-color: #fff;
  text-align: center;
  padding: 15px 10px 25px;
  border: 2px solid #5a2e00;
  margin: 10px;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__item {
    width: 100%;
    margin: 0;
  }

  #icl .listOrder_2__item:not(:first-child) {
    margin-top: 10px;
  }
}*/

/*@media (max-width: 767px) and (max-width: 767px) {
  #icl .listOrder_2__item {
    padding: 20px;
  }
}*/

#icl .listOrder_2__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 61px;
  height: 61px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 61px;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__item:before {
    width: 49px !important;
    height: 49px !important;
    top: 0px;
    left: 0px;
    background-size: 49px !important;
  }
}*/

#icl .listOrder_2__item:nth-child(1):before {
  background-image: url(../images/shp_listOrder_1_1.png);
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__item:nth-child(1):before {
    background-image: url(../images/shp_listOrder_1_1_sp.png);
  }
}*/

#icl .listOrder_2__item:nth-child(2):before {
  background-image: url(../images/shp_listOrder_1_2.png);
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__item:nth-child(2):before {
    background-image: url(../images/shp_listOrder_1_2_sp.png);
  }
}*/

#icl .listOrder_2__item:nth-child(3):before {
  background-image: url(../images/shp_listOrder_1_3.png);
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__item:nth-child(3):before {
    background-image: url(../images/shp_listOrder_1_3_sp.png);
  }
}*/

#icl .listOrder_2__item:nth-child(4):before {
  width: 71px;
  height: 71px;
  background-image: url(../images/shp_listOrder_1_4.png);
  background-size: 71px;
}

#icl .listOrder_2__item:nth-child(5):before {
  width: 71px;
  height: 71px;
  background-image: url(../images/shp_listOrder_1_5.png);
  background-size: 71px;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__item:nth-child(4):before {
    background-image: url(../images/shp_listOrder_1_4_sp.png);
  }
}*/

#icl .listOrder_2__item.-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px 40px 25px 58px;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__item.-row {
    padding: 15px 15px 25px;
  }
}*/

#icl .listOrder_2__itemHead {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.2rem;
  text-align: left;
  letter-spacing: 0.06em;
  text-indent: 50px;
  color: #603b22;
  margin-bottom: 20px;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__itemHead {
    font-size: 1.6rem;
    text-indent: 20px;
    text-align: center;
  }
}*/

#icl .listOrder_2__itemHead strong {
  font-size: 6rem;
  line-height: 1;
  vertical-align: baseline;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__itemHead strong {
    font-size: 2rem;
  }
}*/

#icl .listOrder_2__itemDesc {
  font-size: 1.8rem;
  line-height: 1.666;
  margin-top: 15px;
  letter-spacing: 0;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__itemDesc {
    font-size: 1.4rem;
  }
}*/

#icl .listOrder_2__itemNotes {
  margin-top: 10px;
  font-size: 1.5rem;
  line-height: 1;
  color: #c7bdb3;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__itemNotes {
    margin-top: 5px;
    padding-left: 1em;
    font-size: 1rem;
    line-height: 1.2;
    text-indent: -1em;
  }
}

@media (max-width: 767px) {
  #icl .listOrder_2__imgBlock {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  #icl .listOrder_2__itemImg {
    width: 100%;
    max-width: 400px;
  }
}*/

#icl .listOrder_2__textBlock {
  position: relative;
  width: 70.7%;
  text-align: left;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__textBlock {
    width: 100%;
  }
}*/

#icl .listOrder_2__textBlock .listOrder_2__itemHead {
  text-indent: 0;
}

#icl .listOrder_2__imgBlock {
  width: 29.2%;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__imgBlock {
    width: 100%;
  }
}*/

#icl .listOrder_2__item.-item1 .listOrder_2__itemDesc {
  font-size: 2.2rem;
  line-height: 1.3;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__item.-item1 .listOrder_2__itemDesc {
    font-size: 1.5rem;
  }
}*/

#icl .listOrder_2__item.-item1 .listOrder_2__itemDesc strong {
  font-size: 3rem;
  color: #5a2e00;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__item.-item1 .listOrder_2__itemDesc strong {
    font-size: 1.8rem;
  }
}*/

#icl .listOrder_2__item.-item1 .listOrder_2__itemDesc small {
  font-size: 2rem;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__item.-item1 .listOrder_2__itemDesc small {
    font-size: 1.4rem;
  }
}*/

#icl .listOrder_2__item.-item1 .listOrder_2__itemEmphasis {
  position: absolute;
  top: 50px;
  right: 30px;
  font-size: 6rem;
  font-weight: bold;
  color: #5a2e00;
  line-height: 1;
}

/*@media (max-width: 767px) {
  #icl .listOrder_2__item.-item1 .listOrder_2__itemEmphasis {
    position: relative;
    top: 0;
    right: 0;
    padding-top: 5px;
    font-size: 3.6rem;
    text-align: center;
  }
}*/



#icl .listOrder_2__item.-item1 .listOrder_2__itemEmphasis strong {
  font-size: 10.4rem;
  letter-spacing: -0.03em;
}

@media (min-width: 961px) and (max-width: 1200px){
 #icl .listOrder_2__item.-item1 .listOrder_2__itemEmphasis{
    right: 1%;
    font-size: 5rem;
  }

 #icl .listOrder_2__item.-item1 .listOrder_2__itemEmphasis strong{
    font-size: 10rem;
  }

  #icl .listOrder_2__item.-item1 .listOrder_2__itemDesc strong,
  #icl .listOrder_2__item.-item1 .listOrder_2__itemDesc small{
    font-size: 2vw;
  }

}

/*@media (max-width: 767px) {
  #icl .listOrder_2__item.-item1 .listOrder_2__itemEmphasis strong {
    font-size: 6.5rem;
  }
}*/

/*@media (max-width: 767px) {
  #icl .listOrder_2__item.-item2 .listOrder_2__itemHead {
    padding-top: 20px;
    font-size: 1.5rem;
  }
}*/

/*@media (max-width: 767px) {
  #icl .listOrder_2__item.-item2 .listOrder_2__itemDesc {
    text-align: center;
  }
}*/

/*#icl .listOrder_2__item.-item2 .listOrder_2__itemNotes {
  margin-top: -15px;
}

#icl .listOrder_2__item.-item4 .listOrder_2__textBlock {
  width: 60%;
}*/

/*@media (max-width: 767px) {
  #icl .listOrder_2__item.-item4 .listOrder_2__textBlock {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (max-width: 767px) {
  #icl .listOrder_2__item.-item4 .listOrder_2__itemDesc {
    text-align: center;
  }
}*/

#icl .listOrder_2__item.-item4 .listOrder_2__imgBlock {
  /*margin-right: 90px;*/
}

/*@media (max-width: 767px) {
 #icl .listOrder_2__item.-item4 .listOrder_2__imgBlock {
    margin-right: 0;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}*/

/*
* @@listBlock
*****************************************/
#icl .listBlock_1 {
  border-top: 1px solid #efefef;
}

#icl .listBlock_1__itemInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 20px;
  border-bottom: 1px solid #efefef;
}

@media (max-width: 767px) {
  #icl .listBlock_1__itemInner {
    display: block;
    padding: 20px 10px;
  }
}

#icl .listBlock_1__itemHead {
  width: 40%;
  height: 220px;
  position: relative;
}

@media (max-width: 767px) {
  #icl .listBlock_1__itemHead {
    width: 100%;
    height: auto;
  }
}

#icl .listBlock_1__itemPostName {
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
  background-color: #16216a;
  padding: 3px 15px;
}

#icl .listBlock_1__itemThumb {
  padding-top: 220px;
}

@media (max-width: 767px) {
  #icl .listBlock_1__itemThumb {
    padding-top: 60%;
  }
}

#icl .listBlock_1__itemData {
  width: 60%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

@media (max-width: 767px) {
  #icl .listBlock_1__itemData {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
}

#icl .listBlock_1__itemDate {
  font-size: 1.4rem;
  display: block;
}

#icl .listBlock_1__itemTtl {
  font-size: 1.8rem;
  color: #16216a;
}

@media (max-width: 767px) {
  #icl .listBlock_1__itemTtl {
    font-size: 16px;
    max-height: 3em;
    overflow: hidden;
  }
}

#icl .listBlock_1__itemExcerpt {
  font-size: 1.6rem;
  color: #555;
  word-break: break-all;
  margin-top: 10px;
}

@media (max-width: 767px) {
  #icl .listBlock_1__itemExcerpt {
    font-size: 14px;
    max-height: 6em;
    margin-top: 5px;
    overflow: hidden;
  }
}

#icl .listBlock_2__itemInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px 25px;
}

@media (max-width: 767px) {
  #icl .listBlock_2__itemInner {
    display: block;
    padding: 0 5px;
  }
}

#icl .listBlock_2__itemBox {
  width: 47.61905%;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
}

@media (max-width: 767px) {
  #icl .listBlock_2__itemBox {
    width: 100%;
    margin-top: 22px;
    border-radius: 5px;
  }
}

#icl .listBlock_2__itemHead {
  border-radius: 10px 10px 0 0;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #069fd2;
}

@media (max-width: 767px) {
  #icl .listBlock_2__itemHead {
    border-radius: 5px 5px 0 0;
    font-size: 1.8rem;
  }
}

#icl .listBlock_2__itemPic {
  padding: 39px 0 34px;
  text-align: center;
}

@media (max-width: 767px) {
  #icl .listBlock_2__itemPic {
    padding: 14px 0;
  }
}

@media (max-width: 767px) {
  #icl .listBlock_2__itemPic img {
    max-width: 258px;
  }
}

#icl .listBlock_2__itemList {
  list-style: none;
  padding-left: 20px;
}

@media (max-width: 767px) {
  #icl .listBlock_2__itemList {
    margin: 0;
    padding: 10px 10px 10px 15px;
  }
}

#icl .listBlock_2__itemList li {
  position: relative;
  padding-left: 25px;
  font-size: 1.8rem;
  line-height: 2.22;
  letter-spacing: 0;
  color: #008fbe;
}

@media (max-width: 767px) {
  #icl .listBlock_2__itemList li {
    padding-left: 15px;
    font-size: 1.4rem;
    line-height: 1.77;
  }
}

#icl .listBlock_2__itemList li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 14px;
  margin-top: -7px;
  background: url(../images/icon_list_polygon.png);
  background-size: 100% auto;
}

@media (max-width: 767px) {
  #icl .listBlock_2__itemList li:before {
    width: 8px;
    height: 6px;
    margin-top: -3px;
  }
}

/*
* @@listTerm
*****************************************/
/*
* @@listGrid
*****************************************/
#icl .listGrid_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px;
}

@media (max-width: 767px) {
  #icl .listGrid_1 {
    display: block;
    margin: 0;
  }
}

#icl .listGrid_1__item {
  width: calc(50% - 40px);
  margin: 20px;
}

@media (max-width: 767px) {
  #icl .listGrid_1__item {
    width: 100%;
    margin: 0;
  }

  #icl .listGrid_1__item:not(:first-child) {
    margin-top: 10px;
  }
}

#icl .listGrid_1__item.-full {
  width: 100%;
}

#icl .listGrid_1__item.-item3 .listGrid_1__itemInner {
  margin-top: -68px;
}

@media (max-width: 767px) {
  #icl .listGrid_1__item.-item3 .listGrid_1__itemInner {
    margin-top: -32px;
  }
}

#icl .listGrid_1__itemHead {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  #icl .listGrid_1__itemHead {
    margin-bottom: 5px;
  }
}

#icl .listGrid_1__itemHead b,
#icl .listGrid_1__itemHead small {
  vertical-align: middle;
}

#icl .listGrid_1__itemHead b {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  height: 34px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 34px;
}

@media (max-width: 767px) {
  #icl .listGrid_1__itemHead b {
    height: 15px;
    background-size: auto 15px;
  }
}

#icl .listGrid_1__itemHead.-txt1 b {
  width: 188px;
  background-image: url(../images/txt_listGrid1_1.png);
}

@media (max-width: 767px) {
  #icl .listGrid_1__itemHead.-txt1 b {
    width: 84px;
  }
}

#icl .listGrid_1__itemHead.-txt2 b {
  width: 107px;
  background-image: url(../images/txt_listGrid1_2.png);
}

@media (max-width: 767px) {
  #icl .listGrid_1__itemHead.-txt2 b {
    width: 50px;
  }
}

#icl .listGrid_1__itemHead small {
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 0.09em;
  color: #00a9cf;
  position: relative;
  margin-left: 45px;
}

@media (max-width: 767px) {
  #icl .listGrid_1__itemHead small {
    font-size: 1.2rem;
    margin-left: 15px;
  }
}

#icl .listGrid_1__itemHead small:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -37px;
  background-color: #00a9cf;
  margin: auto;
}

@media (max-width: 767px) {
  #icl .listGrid_1__itemHead small:before {
    width: 10px;
    left: -15px;
  }
}

#icl .listGrid_1__itemSubHead {
  text-align: center;
  margin-bottom: 16px;
}

#icl .listGrid_1__item > .listGrid_1__itemSubHead:first-child {
  margin-top: 60px;
}

@media (max-width: 767px) {
  #icl .listGrid_1__item > .listGrid_1__itemSubHead:first-child {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  #icl .listGrid_1__item.-item3 .listGrid_1__itemSubHead {
    text-align: left;
    margin-left: 115px;
  }
}

#icl .listGrid_1__itemSubHead span {
  font-size: 2rem;
  letter-spacing: 0.09em;
  color: #fff;
  display: inline-block;
  background-color: #6bc7df;
  padding: 10px 55px;
  border-radius: 999px;
}

@media (max-width: 767px) {
  #icl .listGrid_1__itemSubHead span {
    font-size: 1.5rem;
    padding: 5px 30px;
  }
}

@media (max-width: 767px) {
  #icl .listGrid_1__item.-item3 .listGrid_1__itemSubHead span {
    padding-left: 10px;
    padding-right: 10px;
  }
}

#icl .listGrid_1__itemDesc {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #00a9cf;
}

@media (max-width: 767px) {
  #icl .listGrid_1__itemDesc {
    font-size: 1.2rem;
  }
}

#icl .listGrid_1__item.-item1 .listGrid_1__itemImg.-img1 {
  margin-top: -50px;
}

@media (max-width: 767px) {
  #icl .listGrid_1__item.-item1 .listGrid_1__itemImg.-img1 {
    padding-left: 30px;
    margin-top: -30px;
  }
}

#icl .listGrid_1__itemAnnoList {
  margin-top: 20px;
}

@media (max-width: 767px) {
  #icl .listGrid_1__itemAnnoList {
    margin-top: 10px;
  }
}

#icl .listGrid_2 {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 48px;
  padding-right: 48px;
  margin: -10px;
}

@media (max-width: 767px) {
  #icl .listGrid_2 {
    padding-left: 0;
    padding-right: 0;
  }
}

#icl .listGrid_2__item {
  width: calc((100% / 4) - 20px);
  margin: 10px;
}

@media (max-width: 767px) {
  #icl .listGrid_2__item {
    width: calc((100% / 2) - 20px);
  }
}


#icl .listGrid_2__item.-variety {
  width: 100%;
}

#icl .listGrid_2__itemVisualImg {
  width: 166px;
}

@media (max-width: 767px) {
  #icl .listGrid_2__itemVisualImg {
    width: 100%;
    max-width: 200px;
  }
}

#icl .listGrid_2__itemVisualCap {
  font-size: 1.4rem;
  line-height: 1.6;
  display: block;
  width: 150px;
  border: 2px solid;
  border-radius: 999px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  #icl .listGrid_2__itemVisualCap {
    font-size: 1rem;
    letter-spacing: 0;
    width: calc(100% - 10px);
    max-width: 150px;
  }
}

#icl .listGrid_2__itemDesc {
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0;
  margin-top: 20px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  #icl .listGrid_2__itemDesc {
    font-size: 1rem;
    margin-top: 5px;
    white-space: normal;
  }
}

#icl .listGrid_2__itemBtn {
  width: 200px;
  margin: 12px auto 0;
}

@media (max-width: 767px) {
  #icl .listGrid_2__itemBtn {
    width: 100%;
  }
}

#icl .listGrid_2__item.-variety {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1020px;
  margin: 40px auto 20px;
  padding: 40px 48px 50px 34px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 0px 3px #fae4aa inset;
  box-shadow: 0px 0px 0px 3px #fae4aa inset;
}


@media (max-width: 767px) {
  #icl .listGrid_2__item.-variety {
    max-width: 100%;
    padding: 35px 15px 15px;
    -webkit-box-shadow: 0px 0px 0px 2px #fae4aa inset;
    box-shadow: 0px 0px 0px 2px #fae4aa inset;
  }
}
#icl .listGrid_2__item.-variety .listGrid_2__itemVisual {
  width: 49.94687%;
}

@media (max-width: 767px) {
  #icl .listGrid_2__item.-variety .listGrid_2__itemVisual {
    width: 40%;
    padding-top: 6px;
  }
}

#icl .listGrid_2__item.-variety .listGrid_2__itemVisualImg {
  width: 100%;
}

#icl .listGrid_2__item.-variety .listGrid_2__itemDetailtexts {
  width: 49.94687%;
}

@media (max-width: 767px) {
 #icl .listGrid_2__item.-variety .listGrid_2__itemDetailtexts {
    width: 60%;
  }
}

#icl .listGrid_2__item.-variety .listGrid_2__itemTitle {
  font-size: 3rem;
  font-weight: bold;
  color: #212b62;
  letter-spacing: 0;
}
#icl .listGrid_2__item.-variety .listGrid_2__itemTitle{
  margin: 0 auto;
  padding-bottom: 35px;
}
@media (max-width: 767px) {
  #icl .listGrid_2__item.-variety .listGrid_2__itemTitle {
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    font-size: 1.6rem;
    letter-spacing: -0.05em;
  }
}

#icl .listGrid_2__item.-variety .listGrid_2__itemSubTitle {
  margin-top: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #212b62;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  #icl .listGrid_2__item.-variety .listGrid_2__itemSubTitle {
    margin-top: 0;
    font-size: 1.1rem;
    letter-spacing: 0;
  }
}

#icl .listGrid_2__item.-variety .listGrid_2__itemVisualCap_list {
  text-align: left;
  line-height: 1;
  padding-left: 30px;
}

#icl .listGrid_2__item.-variety .listGrid_2__itemVisualCap {
  display: inline-block;
  width: 140px;
  text-align: center;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  #icl .listGrid_2__item.-variety .listGrid_2__itemVisualCap {
    width: 90px;
    margin: 0 -9px;
    letter-spacing: -0.05em;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

#icl .listGrid_2__item.-variety .listGrid_2__itemBtn {
  width: 290px;
  margin-top: 33px;
}

@media (max-width: 767px) {
  #icl .listGrid_2__item.-variety .listGrid_2__itemBtn {
    width: 100%;
    margin-top: 10px;
  }
}

#icl .listGrid_3 {
  counter-reset: num;
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px;
}

@media (max-width: 767px) {
  #icl .listGrid_3 {
    display: block;
    margin: 0;
  }
}

#icl .listGrid_3__item {
  text-align: center;
  width: calc((100% / 2) - 40px);
  background-color: #fff;
  border: 2px solid #5a2e00;
  margin: 20px;
}

@media (max-width: 767px) {
  #icl .listGrid_3__item {
    width: 100%;
    margin: 0;
  }

  #icl .listGrid_3__item:not(:first-child) {
    margin-top: 10px;
  }
}

#icl .listGrid_3__item.-full {
  width: 100%;
}

#icl .listGrid_3__itemHead {
  font-size: 2rem;
  color: #fff;
  background-color: #5a2e00;
  padding: 7px;
}

@media (max-width: 767px) {
  #icl .listGrid_3__itemHead {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}

#icl .listGrid_3__itemBody {
  padding: 15px 15px 25px;
}

#icl .listGrid_3__itemDesc {
  font-size: 1.9rem;
  color: #5a2e00;
}

@media (max-width: 767px) {
  #icl .listGrid_3__itemDesc {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-bottom: 10px;
    letter-spacing: 0;
  }
}

@media (max-width: 767px) {
  #icl .listGrid_3__itemImg {
    width: 100%;
    max-width: 300px;
  }
}

#icl .listGrid_3__itemImages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
}

@media (max-width: 767px) {
  #icl .listGrid_3__itemImages {
    display: block;
  }
}

#icl .listGrid_3__itemImagesItem {
  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 767px) {
  #icl .listGrid_3__itemImagesItem {
    width: 100%;
    padding-top: 0;
  }
}

#icl .listGrid_3__itemImagesItem:first-child {
  border-right: 1px solid #d8d8d7;
}

@media (max-width: 767px) {
  #icl .listGrid_3__itemImagesItem:first-child {
    border-right: 0;
    border-bottom: 1px solid #d8d8d7;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}

#icl .listGrid_4__item {
  padding: 30px;
  border-radius: 10px;
  background: #fff;
}

@media (max-width: 767px) {
  #icl .listGrid_4__item {
    padding: 15px;
    border-radius: 5px;
    text-align: center;
  }
}

#icl .listGrid_4__item + .listGrid_4__item {
  margin-top: 30px;
}

@media (max-width: 767px) {
  #icl .listGrid_4__item + .listGrid_4__item {
    margin-top: 20px;
  }
}

#icl .listGrid_4__itemHead {
  display: inline-block;
  padding: 0 20px;
  border-radius: 21px;
  font-size: 2.6rem;
  color: #fff;
  background: #6bc7df;
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemHead {
    padding: 0 10px;
    border-radius: 10px;
    font-size: 1.4rem;
  }
}

#icl .listGrid_4__itemSubNotes {
  display: inline-block;
  font-size: 1.4rem;
  color: #00a9cf;
  line-height: 1;
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemSubNotes {
    font-size: 1rem;
    padding-left: calc(50% - 3em);
  }
}

#icl .listGrid_4__itemInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemInner {
    padding-top: 10px;
  }
}

#icl .listGrid_4__itemText {
  font-weight: bold;
  color: #00a9cf;
  letter-spacing: 0;
  line-height: 1;
}

#icl .listGrid_4__itemText .large {
  font-size: 10rem;
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemText .large {
    font-size: 4rem;
  }
}

#icl .listGrid_4__itemText .medium {
  font-size: 6rem;
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemText .medium {
    font-size: 2.5rem;
  }
}

#icl .listGrid_4__itemText .small {
  font-size: 3rem;
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemText .small {
    font-size: 1.3rem;
  }
}

#icl .listGrid_4__itemImg {
  margin-left: 25px;
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemImg {
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemImg.-img1 {
    width: 63px;
  }
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemImg.-img2 {
    width: 39px;
  }
}

#icl .listGrid_4__itemBlock {
  width: 50%;
  text-align: center;
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemBlock {
    width: 100%;
  }
}

#icl .listGrid_4__itemBlockTitle {
  font-size: 3.6rem;
  line-height: 1;
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemBlockTitle {
    font-size: 2.0rem;
  }
}

#icl .listGrid_4__itemBlockTitle strong {
  font-size: 6rem;
  vertical-align: text-bottom;
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemBlockTitle strong {
    font-size: 3rem;
  }
}

#icl .listGrid_4__itemBlockTitle small {
  font-size: 3.6rem;
  vertical-align: middle;
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemBlockTitle small {
    font-size: 1.4rem;
  }
}

#icl .listGrid_4__itemBlockTitle.-vitamin strong,
#icl .listGrid_4__itemBlockTitle.-vitamin small {
  color: #5da9dd;
}

#icl .listGrid_4__itemBlockTitle.-mineral strong,
#icl .listGrid_4__itemBlockTitle.-mineral small {
  color: #00a9cf;
}

#icl .listGrid_4__itemVitamin_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 15px;
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemVitamin_list {
    padding: 0;
  }
}

#icl .listGrid_4__itemVitamin_list.-vitamin .listGrid_4__itemVitamin {
  background-color: #5da9dd;
}

#icl .listGrid_4__itemVitamin_list.-mineral .listGrid_4__itemVitamin {
  background-color: #00a9cf;
}

#icl .listGrid_4__itemVitamin {
  display: inline-block;
  width: 240px;
  margin-bottom: 10px;
  padding: 2px;
  border-radius: 6px;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 0;
  color: #fff;
}

#icl .listGrid_4__itemVitamin sub{
  vertical-align: super;
  font-size: 10px;
}

#icl .listGrid_4__attention {
  list-style: none;
  font-size: 14px;
  text-align: right;
}

@media (max-width: 767px) {
  #icl .listGrid_4__itemVitamin {
    width: 49%;
    margin-bottom: 10px;
    padding: 2px;
    border-radius: 6px;
    font-size: 1.3rem;
  }

  #icl .listGrid_4__itemVitamin sub{
    vertical-align: super;
    font-size: 1%;
  }

  #icl .listGrid_4__attention {
    font-size: 8px;
  }
}

#icl .listGrid_5 {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 48px;
  padding-right: 48px;
  margin: -10px;
}

@media (max-width: 767px) {
  #icl .listGrid_5 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
  }
}

#icl .listGrid_5__item {
  width: calc((100% / 7) - 20px);
  margin: 10px;
  text-align: center;
}

@media (max-width: 767px) {
  #icl .listGrid_5__item {
    width: calc((100% / 2) - 20px);
  }
}

#icl .listGrid_5__item.-variety {
  width: 100%;
}

#icl .listGrid_5__itemVisualImg {
  width: 124px;
}

#icl .listGrid_5__itemVisualImg.-tin {
  width: 122px;
  margin-bottom: 5px;
}

#icl .listGrid_5__itemVisualImg.-balloon {
  width: 133px;
  margin-bottom: 7px;
}

@media (max-width: 767px) {
  #icl .listGrid_5__itemVisualImg {
    width: 80%;
    max-width: 200px;
  }
}

#icl .listGrid_5__itemVisualCap {
  font-size: 1.927rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  letter-spacing: -0.02em;
  display: block;
  width: 100%;
  border-radius: 999px;
  margin-top: 13px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  #icl .listGrid_5__itemVisualCap {
    font-size: 1rem;
    letter-spacing: 0;
    width: calc(100% - 10px);
    max-width: 150px;
  }
}

#icl .listGrid_5__itemBtn {
  margin-top: 12px;
}

@media (max-width: 767px) {
  #icl .listGrid_5__itemBtn {
    margin-top: 10px;
  }
}

#icl .listGrid_5 .attension {
  display: block;
  margin-top: 17px;
  margin-bottom: 1px;
  font-size: 14px;
  height: 10px;
  line-height: 1;
  font-weight: 700;
  text-align: right;
}

@media (max-width: 767px) {
  #icl .listGrid_5 .attension {
    margin-top: 10px;
    font-size: 12px;
  }
  #icl .listGrid_5 .attension.pc_in {
    display: none;
  }
}

#icl .listGrid_5__item.-variety {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1020px;
  margin: 40px auto 20px;
  padding: 40px 48px 50px 34px;
  border-radius: 10px;
  background: #fff;
}

@media (max-width: 767px) {
  #icl .listGrid_5__item.-variety {
    max-width: 90%;
    padding: 35px 15px 15px;
  }
}

#icl .listGrid_5__item.-variety .listGrid_5__itemVisual {
  width: 50.37194%;
}

@media (max-width: 767px) {
  #icl .listGrid_5__item.-variety .listGrid_5__itemVisual {
    width: 40%;
    padding-top: 6px;
  }
}

#icl .listGrid_5__item.-variety .listGrid_5__itemVisualImg {
  width: 100%;
}

#icl .listGrid_5__item.-variety .listGrid_5__itemDetailtexts {
  width: 49.94687%;
}

@media (max-width: 767px) {
 #icl .listGrid_5__item.-variety .listGrid_5__itemDetailtexts {
    width: 60%;
  }
}

#icl .listGrid_5__item.-variety .listGrid_5__itemTitle {
  font-size: 3rem;
  font-weight: bold;
  color: #212b62;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  #icl .listGrid_5__item.-variety .listGrid_5__itemTitle {
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    font-size: 1.6rem;
    letter-spacing: -0.05em;
  }
}

#icl .listGrid_5__item.-variety .listGrid_5__itemSubTitle {
  margin-top: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #212b62;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  #icl .listGrid_5__item.-variety .listGrid_5__itemSubTitle {
    margin-top: 0;
    font-size: 1.2rem;
    letter-spacing: 0;
  }
}

#icl .listGrid_5__item.-variety .listGrid_5__itemVisualCap_list {
  line-height: 1;
}

#icl .listGrid_5__item.-variety .listGrid_5__itemVisualCap {
  display: inline-block;
  width: 200px;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  #icl .listGrid_5__item.-variety .listGrid_5__itemVisualCap {
    width: 97px;
    margin: 0 -10px;
    letter-spacing: -0.05em;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

#icl .listGrid_5__item.-variety .listGrid_5__itemBtn {
  width: 290px;
  margin-top: 33px;
}

@media (max-width: 767px) {
  #icl .listGrid_5__item.-variety .listGrid_5__itemBtn {
    width: 100%;
    margin-top: 10px;
  }
}

/*
* @@Img
*****************************************/
#icl .overImg{
  position: absolute;
  top: -2px;
  right:-11%;
}
/*
* @@listMovie
*****************************************/
#icl .listMovie_1 {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -25px;
}

@media (max-width: 767px) {
  #icl .listMovie_1 {
    display: block;
    margin: 0;
  }
}

#icl .listMovie_1__item {
  width: calc((100% / 3) - 50px);
  margin: 25px;
}

@media (max-width: 767px) {
  #icl .listMovie_1__item {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0;
  }

  #icl .listMovie_1__item:not(:first-child) {
    margin-top: 10px;
  }
}

#icl .listMovie_1__itemInner {
  position: relative;
  padding-top: 56.25%;
}

#icl .listMovie_1__itemSrc {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#icl .listMovie_1__itemTtl {
  text-align: center;
  padding-top: 5px;
}

/*
* @@table
*****************************************/
#icl .table_1 {
  width: 100%;
}

#icl .table_1 th,
#icl .table_1 td {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  background-color: #fff;
  padding: 10px 40px;
  border: 1px solid #ccd8db;
}

@media (max-width: 767px) {

  #icl .table_1 th,
  #icl .table_1 td {
    font-size: 1.2rem;
    padding: 5px;
  }
}

#icl .table_1 thead th,
#icl .table_1 thead td {
  padding-top: 15px;
  padding-bottom: 15px;
}

#icl .table_1 thead th {
  font-weight: bold;
  text-align: left;
  width: 40%;
}

@media (max-width: 767px) {
  #icl .table_1 thead th {
    vertical-align: middle;
  }
}

#icl .table_1 thead td {
  text-align: left;
  width: 30%;
}
#icl .table_1 thead td:last-child {
  text-align: center;
}

#icl .table_1 tbody th {
  vertical-align: middle;
}

#icl .table_1 tbody td {
  width: 30%;
}

#icl .table_1 tbody td:last-child {
  text-align: center;
  width: 30%;
}

#icl .table_1 tbody tr:nth-child(odd) th,
#icl .table_1 tbody tr:nth-child(odd) td {
  background-color: #f5f7f8;
}

#icl .table_1.-type2 thead th,
#icl .table_1.-type2 thead td {
  vertical-align: middle;
  width: auto;
}

#icl .table_1.-type2 thead td {
  padding-left: 10px;
  padding-right: 10px;
}

#icl .table_1.-type2 tbody td:nth-child(1) {
  width: 40%;
}

#icl .table_1.-type2 tbody td:nth-child(2) {
  text-align: center;
  width: 20%;
}

#icl .table_1.-type2 tbody td:nth-child(3) {
  text-align: center;
  width: 20%;
}

#icl .table_1.-type2 tbody tr:nth-child(odd) th,
#icl .table_1.-type2 tbody tr:nth-child(odd) td {
  background-color: #fffdf4;
}

#icl th[class*='table_1__head'] {
  letter-spacing: 0.05em;
  padding-left: 10px;
  padding-right: 10px;
}

#icl th.table_1__head1 {
  width: 16%;
}

#icl th.table_1__head2 {
  background-color: #e5ecf1;
}

#icl th.table_1__head3 {
  background-color: #f4fafe;
}

#icl th.table_1__head4 {
  background-color: #def2fc;
}

#icl th.table_1__head2,
#icl th.table_1__head3,
#icl th.table_1__head4 {
  width: 8%;
}

#icl .table_1__separate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  #icl .table_1__separateHead {
    width: calc(100% - 40px);
  }
}

#icl .table_1__separateData {
  width: 50px;
}

@media (max-width: 767px) {
  #icl .table_1__separateData {
    font-size: 1rem;
    width: 40px;
    padding-left: 10px;
  }
}

/*
* @@wrap
*****************************************/
#icl [class*='wrap_'] {
  vertical-align: bottom;
}

#icl .wrap_S {
  margin-top: 20px;
}

#icl .wrap_M {
  margin-top: 40px;
}

#icl .wrap_L {
  margin-top: 60px;
}

@media (max-width: 767px) {
  #icl .wrap_table {
    position: relative;
  }

  #icl .wrap_table:before {
    content: "";
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -20px;
    z-index: 2;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(88%, white), color-stop(92%, white));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 88%, white 92%);
  }

  #icl .wrap_table table {
    max-width: 800px;
  }
}

@media (max-width: 767px) {
  #icl .wrap_table__inner {
    width: calc(100% + 20px);
    overflow: auto;
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (max-width: 767px) {
  #icl .wrap_table__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 800px;
  }

  #icl .wrap_table__content:after {
    content: "";
    display: block;
    width: 20px;
  }
}

/*
* @@ modalArea
*****************************************/
#icl .modalArea {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

#icl .modalArea.-opened {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}

#icl .modalBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: block;
}

#icl .modalContent {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 960px;
  padding: 74px 36px 43px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  #icl .modalContent {
    top: 0;
    max-width: 100%;
    margin: 50px 0;
    padding: 15px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

#icl .modalContent_product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  #icl .modalContent_product {
    display: block;
  }
}

#icl .modal_productItem {
  width: 50%;
}

@media (max-width: 767px) {
  #icl .modal_productItem {
    width: 100%;
  }
}

#icl .modal_productItem:first-child {
  padding-right: 40px;
  border-right: 1px solid #e5e5e5;
}

@media (max-width: 767px) {
  #icl .modal_productItem:first-child {
    padding-right: 0;
    padding-bottom: 10px;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
}

#icl .modal_productItem:last-child {
  padding-left: 40px;
  border-left: 1px solid #e5e5e5;
}

@media (max-width: 767px) {
  #icl .modal_productItem:last-child {
    padding-top: 20px;
    padding-left: 0;
    border-left: none;
  }
}

#icl .modal_productItem_pic {
  text-align: center;
}

@media (max-width: 767px) {
  #icl .modal_productItem_picImg.-img1 {
    width: 141px;
  }
}

@media (max-width: 767px) {
  #icl .modal_productItem_picImg.-img2 {
    width: 141px;
  }
}

#icl .modal_productItem_name {
  font-family: 'Noto Sans JP', sans-serif;
  margin: 37px 0 21px;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0;
}

#icl #isocal_home .modal_productItem_name {
  font-family: 'Noto Sans JP', sans-serif;
  margin: 50px 0 21px;
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0;
}

#icl #isocal_home .modal_productItem_name.left{
  font-size: 2.3rem;
  /*font-size: 3vw;*/
  margin-top: 43px;
}

@media (min-width: 768px) and (max-width: 850px){
  #icl .modal_productItem_name {
  font-size: 2.35vw;
}

#icl .modal_productItem_name.left{
  font-size: 3vw;

}
}

@media (max-width: 767px) {
  #icl .modal_productItem_name {
    font-size: 1.8rem;
    margin: 5px 0 6px;
    padding-left: 10px;
  }

 #icl #isocal_home .modal_productItem_name {
    font-size: 2.5rem;
    margin: 0px;
   /* padding-left: 10px;*/
  }

 #icl #isocal_home .modal_productItem_name.left{
    font-size: 2.3rem;
    margin-top: 0px;
  }
}

@media (max-width: 450px) {
  #icl #isocal_home .modal_productItem_name {
    font-size: 5vw;
    margin: 1rem 0 0.5rem;
   /* padding-left: 10px;*/
  }
}

#icl .modal_productItem_btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#icl .modal_productItem_btnBox > div {
  width: 50%;
  margin-bottom: 10px;
  padding-left: 10px;
}

#icl .modal_productItem_btn {
  font-family: 'Noto Sans JP', sans-serif;
  position: relative;
  display: block;
  padding: 18px 15px 19px 5px;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  border-radius: 5px;
  line-height: 1.3;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media (max-width: 767px) {
  #icl .modal_productItem_btn {
    padding: 18px 15px 18px 5px;
    font-size: 1.3rem;
  }
}

#icl .modal_productItem_btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 13px;
  height: 13px;
  margin-top: -8px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 767px) {
  #icl .modal_productItem_btn:after {
    width: 10px;
    height: 10px;
    margin-top: -5px;
  }
}

#icl .modal_productItem_btn.onlineshop {
  padding: 18px 15px 18px 5px;
  background-color: #6cbfde;
}

#icl .modal_productItem_btn.amazon {
  background-color: #f39f22;
}

#icl .modal_productItem_btn.rakuten {
  background-color: #b31e23;
}

#icl .modal_productItem_btn.first {
  padding: 11px 22px 11px 5px;
  font-size: 1.5rem;
  background-color: #ff002b;
}

#icl .modal_productItem_btn[href=""] {
  pointer-events: none;
  opacity: .3;
}

@media (max-width: 767px) {
  #icl .modal_productItem_btn.first {
    padding: 10px 17px 8px 9%;
    font-size: 1.2rem;
  }
}

#icl .modal_productItem_btn:hover {
  opacity: 0.8;
}

#icl .modalClose {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
}

@media (max-width: 767px) {
  #icl .modalClose {
    top: 10px;
    right: 10px;
  }
}

#icl .modalClose:before,
#icl .modalClose:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 33px;
  height: 2px;
  background: #7f7f7f;
}

@media (max-width: 767px) {

  #icl .modalClose:before,
  #icl .modalClose:after {
    width: 25px;
  }
}

#icl .modalClose:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#icl .modalClose:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#icl .modalClose:hover {
  opacity: 0.8;
}

#icl .-secondary .modalContent {
  max-width: 600px;
}

#icl .-secondary .modal_productItem {
  width: 92%;
}

@media (max-width: 767px) {
  #icl .-secondary .modal_productItem {
    width: 100%;
    margin: 0;
  }
}

#icl .-secondary .modal_productItem:first-child {
  border: none;
}

body.p-iso_jhc　#icl  .-secondary .modal_productItem_picImg {
  max-width: 280px;
}

@media (max-width: 767px) {
  body.p-iso_jhc　#icl  .-secondary .modal_productItem_picImg {
    width: 74%;
  }
}

body.p-iso_100　#icl  .-secondary .modal_productItem_picImg {
  max-width: 160px;
}

@media (max-width: 767px) {
  body.p-iso_100　#icl  .-secondary .modal_productItem_picImg {
    width: 53%;
  }
}

#icl .-secondary .modal_productItem_picImg.isocal100_variety,
#icl .-secondary .modal_productItem_picImg.isocaljhc_variety {
  max-width: 100% !important;
}

#icl .-secondary .modal_productItem_name {
  margin-top: 20px;
}

/* =====================================
*  @@siteHeader
* ===================================== */
#icl .siteHeader {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 110;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px 1px rgba(170, 170, 170, 0.1);
  box-shadow: 0 0 8px 1px rgba(170, 170, 170, 0.1);
}

@media (max-width: 767px) {
  #icl .siteHeader {
    height: 50px;
  }
}

@media (min-width: 768px) and (max-width: 1239px) {
  #icl .siteHeader {
    position: absolute;
    min-width: 1239px;
  }
}

@media (min-width: 768px) {
  body.logged-in　#icl  .siteHeader {
    top: 32px;
  }
}

body.hide_loginbar　#icl  .siteHeader {
  top: 0;
}

#icl .siteHeader__logo {
  line-height: 1;
}

#icl .siteHeader__logoImg {
  width: 164px;
  height: 45px;
}

@media (max-width: 767px) {
  #icl .siteHeader__logoImg {
    width: 73px;
    height: 20px;
  }
}

#icl .siteHeader__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  #icl .siteHeader__body {
    padding-left: 10px;
    padding-right: 10px;
  }
}

#icl .siteHeader__group {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#icl .siteHeader__linkPurchace_pc {
  width: 150px;
  height: 36px;
  margin-left: 20px;
  background-image: url(../images/header_btn.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150px 36px;
}

#icl .siteHeader__linkPurchace_sp {
  width: 85px;
  height: 25px;
  background-image: url(../images/buy_button.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 85px;
}


@media (max-width: 767px) {
  #icl .siteHeader__linkPurchace_sp {
    font-size: 0;
    margin-right: 15px;
  }
}

@media (max-width: 767px) {
  #icl .siteHeader__linkCampaign_sp {
    padding: 3px 8px;
    height: 25px;
    font-size: 1rem;
    color: #fff;
    margin-right: 15px;
    border-radius: 25px;
    background-color: #00aadd;
  }
}

body.p-iso_jhc　#icl  .siteHeader__linkCampaign_sp {
  background-color: #603b22;
}

body.p-iso_100　#icl  .siteHeader__linkCampaign_sp {
  background-color: #00aadd;
  white-space: nowrap;
}

/* =====================================
*  @@siteFooter
* ===================================== */
#icl .site_footer {
  position: relative;
  padding-top: 15px;
  padding-bottom: 20px;
  background-color: #424142;
}

#icl .site_footer .container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 15px;
}

#icl .site_footer .footer_contents_area {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

#icl .site_footer .footer_contents_head {
  width: 190px;
}

@media (max-width: 767px) {
  #icl .site_footer .footer_contents_head {
    width: 185px;
  }
}

#icl .site_footer .footer_contents_head .footer_logo {
  margin-top: 4px;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  #icl .site_footer .footer_contents_head .footer_logo {
    margin-top: 0;
  }
}

#icl .site_footer .footer_contents_head .footer_logo img {
  width: 150px;
}

@media (max-width: 767px) {
  #icl .site_footer .footer_contents_head .footer_logo img {
    width: 120px;
  }
}

#icl .site_footer .footer_contents_head .footer_copy {
  margin-bottom: 0;
  color: #fff;
  font-size: 11px;
  line-height: 1;
}

#icl .site_footer .footer_social_area {
  position: relative;
  width: auto;
}

@media (max-width: 767px) {
  #icl .site_footer .footer_social_area {
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

#icl .site_footer .footer_social_area .social_list {
  margin-top: 0;
  margin-bottom: 5px;
  padding-left: 0;
  text-align: left;
  letter-spacing: -0.4em;
}

@media (max-width: 767px) {
  #icl .site_footer .footer_social_area .social_list {
    margin-bottom: 5px;
    text-align: left;
    letter-spacing: -0.4em;
  }
}

#icl .site_footer .footer_social_area .social_list li {
  display: inline-block;
  width: 105px;
  margin-left: 10px;
  letter-spacing: normal;
  line-height: 1;
}

@media (max-width: 767px) {
  #icl .site_footer .footer_social_area .social_list li {
    width: 30.93%;
    text-align: center;
    margin-left: 3%;
  }
}

#icl .site_footer .footer_social_area .social_list li:first-child {
  margin-left: 0;
}

#icl .site_footer .footer_nav_list {
  margin: 0;
  padding: 0;
}

#icl .site_footer .footer_nav_list li {
  display: inline-block;
  margin-left: 20px;
}

@media (max-width: 767px) {
  #icl .site_footer .footer_nav_list li {
    display: block;
    margin-left: 0;
  }
}

#icl .site_footer .footer_nav_list li:first-child {
  margin-left: 0;
}

#icl .site_footer .footer_nav_list li .footer_nav_link {
  color: #fff;
  font-size: 11px;
}

/* breadcrumb
----------------------------------------------- */
#icl .breadcrumb .page-links {
  padding: 6px 0;
}

#icl .breadcrumb .type-secondary {
  padding-bottom: 0;
}

#icl .page-links {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
  }

#icl .breadcrumb .page-links li {
  display: inline-block;
  font-size: 10px;
  color: #9fa0a0;
  vertical-align: middle;
}

#icl .breadcrumb .type-secondary li {
  vertical-align: top;
}

#icl .breadcrumb .page-links li a, .breadcrumb .page-links li span {
  color: #9fa0a0;
}

#icl .breadcrumb .page-links li a::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 0 18px 0px 8px;
  border-top: 1px solid #c9caca;
  border-right: 1px solid #c9caca;
  vertical-align: middle;
  transform: rotate(45deg);
}


#icl .breadcrumb .page-links li:last-child a::after{
  display: none;
}

#icl .breadcrumb .page-links .sub-breadcrumb {
  position: relative;
  margin-left: -22px;
  padding: 5px 0;
}

#icl .breadcrumb .page-links .sub-breadcrumb li a::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0px 12px 0 2px;
  border-top: 1px solid #c9caca;
  border-right: 1px solid #c9caca;
  vertical-align: middle;
  transform: rotate(45deg);
}

#icl .breadcrumb .page-links .sub-breadcrumb li a::after {
  display: none;
}

#icl .breadcrumb .sns-links {
  padding-bottom: 14px;
  text-align: right;
  line-height: 1;
}
#icl .breadcrumb .sns-links li {
  display: inline-block;
  margin-left: 5px;
  width: 86px;
}

@media (max-width: 767px) {
  /* breadcrumb
  ----------------------------------------------- */
  #icl .breadcrumb .sns-links {
    display: none;
  }
  #icl .breadcrumb .page-links .sub-breadcrumb {
    margin-left: 0;
  }
  #icl .breadcrumb .page-links li {
    display: inline;
  }
  #icl .breadcrumb .page-links li a {
    text-decoration: underline;
  }
}

/* =====================================
*  @@TOGGLE
* ===================================== */
#icl .sp_db,
#icl .sp_ib,
#icl .sp_in,
#icl .sp_dt,
#icl .sp_dtc,
#icl .sp_fx {
  display: none;
}

#icl .pc_db {
  display: block;
}

#icl .pc_ib {
  display: inline-block;
}

#icl .pc_in {
  display: inline;
}

#icl .pc_dt {
  display: table;
}

#icl .pc_dtc {
  display: table-cell;
}

#icl .pc_fx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

html[lang="en"]　#icl  .en_dn {
  display: none;
}

@media (max-width: 767px) {

  #icl .pc_db,
  #icl .pc_ib,
  #icl .pc_in,
  #icl .pc_dt,
  #icl .pc_dtc,
  #icl .pc_fx {
    display: none;
  }

  #icl .sp_db {
    display: block;
  }

  #icl .sp_ib {
    display: inline-block;
  }

  #icl .sp_in {
    display: inline;
  }

  #icl .sp_dt {
    display: table;
  }

  #icl .sp_dtc {
    display: table-cell;
  }

  #icl .sp_fx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/

/* =====================================
*  @@HOVER
* ===================================== */
@media (min-width: 768px) {

  #icl ._gNavList__item.-campaign a._gNavList__itemInner:hover,
  #icl ._gNavList__item.-purchace a._gNavList__itemInner:hover {
    text-decoration: none;
  }

  #icl a.link_R1:hover:before {
    height: 20%;
    opacity: 0.5;
  }

  #icl a.link_R1:hover span {
    background-position: 2px center;
  }

  #icl .half_1__itemVisual {
    -webkit-transition: 1500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: 1500ms cubic-bezier(0.19, 1, 0.22, 1);
  }

  #icl .half_1__itemLinkMore:hover + .half_1__itemVisual {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.8;
  }

  #icl a.dl_changeTab__btn:hover {
    font-weight: bold;
    color: #fff;
    background-color: #00a9cf;
  }

  #icl .dl_changeTab.-type2 a.dl_changeTab__btn:hover {
    background-color: #ffbc00;
  }

  #icl a.link_C1:hover:before {
    height: 20%;
    opacity: 0.5;
  }

  #icl a.link_C1:hover span {
    background-position: right 2px center;
  }

  a.siteHeader__logoInner,
  #icl a.link_R1,
  #icl a.link_R1:before,
  #icl a.link_R1 span,
  #icl a.bnr_1__itemLink,
  #icl a.dl_changeTab__btn,
  #icl a.btn_moreLink,
  #icl a.link_C1,
  #icl a.link_C1:before,
  #icl a.link_C1 span {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  #icl a._gNavList__itemInner:hover {
    text-decoration: underline;
  }

  #icl a.tdu:hover,
  #icl a.link_1:hover {
    text-decoration: none;
  }

  #icl a.link_2.-purchace:hover,
  #icl a.siteHeader__logoInner:hover,
  #icl a._gNavList__itemInner:hover,
  #icl a.bnr_1__itemLink:hover,
  #icl a.btn_moreLink:hover {
    opacity: 0.8;
  }
}

/* =====================================
*  @@Renewal common
* ===================================== */
#icl .renewal {
  margin: -105px 0 0;
  padding: 210px 0 0;
}

#icl .renewal.loading{
}

#icl .renewal ul {
  padding: 0;
  margin: 0;
}

#icl .renewal li {
  list-style: none;
}

#icl .renewal .siteHeader {
  display: block;
  height: 105px;
}

#icl .renewal .siteHeader__body {
  width: 100%;
  max-width: 1000px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#icl .renewal .siteHeader__group {
  margin: 0 0px 0 13px;
}



#icl .siteHeader__logoImg {
  width: 12rem;
  height: auto;
}

#icl .renewal .siteHeader__group.action_spMenu {
  width: calc(100% - 143px);
}

#icl .renewal ._gNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 6rem;
  margin: 0.6rem 0;
}

#icl .renewal ._gNavList._spMenu__body {
  width: calc(100% - 148px);
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#icl .renewal ._gNavList__item {
  height: 60px;
  margin: 0;
}

#icl .renewal ._gNavList__item:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #dcdcdc;
  margin: auto;
}

#icl .renewal ._gNavList__item.-special:before {
  display: none;
}

#icl .renewal ._gNavList__item.-home {
  padding: 0 1.7rem 0 1.5rem;
}

#icl .renewal ._gNavList__item.-about {
  padding: 0 1.7rem 0;
}

#icl .renewal ._gNavList__item.-nutrition {
  padding: 0 1.5rem 0 1.9rem;
}

#icl .renewal ._gNavList__item.-product {
  padding: 0 1.4rem 0 1.6rem;
}

#icl .renewal ._gNavList__item.-qa {
  padding: 0 1.7rem 0 2rem;
}

#icl .renewal ._gNavList__item.-special {
  padding: 0 1.7rem 0 1.4rem;
}

#icl .renewal ._gNavList__item.double {
  font-size: 1.2rem;
  line-height: 1.16666;
}

#icl .renewal ._gNavList__item ._gNavList__itemInner {
  padding-top: 31px;
}

#icl .renewal ._gNavList__item.double ._gNavList__itemInner {
  padding-top: 30px;
}

#icl .renewal ._gNavList__item.-home ._gNavList__itemInner {
  display: inline-block;
  background-image: url(../images/common/icon01.png);
  background-repeat: no-repeat;
  background-position: center 0.9rem;
  background-size: 15px 14px;
}

#icl .renewal ._gNavList__item.-about ._gNavList__itemInner {
  display: inline-block;
  background-image: url(../images/common/icon02.png);
  background-repeat: no-repeat;
  background-position: center 0.9rem;
  background-size: 14px 13px;
}

#icl .renewal ._gNavList__item.-about ._gNavList__itemInner .trademark {
  display: none;
}

#icl .renewal ._gNavList__item.-nutrition ._gNavList__itemInner {
  display: inline-block;
  background-image: url(../images/common/icon03.png);
  background-repeat: no-repeat;
  background-position: center 0.9rem;
  background-size: 10px 18px;
}

#icl .renewal ._gNavList__item.-product ._gNavList__itemInner {
  display: inline-block;
  background-image: url(../images/common/icon04.png);
  background-repeat: no-repeat;
  background-position: center 0.5rem;
  background-size: 10px 16px;
}

#icl .renewal ._gNavList__item.-qa ._gNavList__itemInner {
  display: inline-block;
  background-image: url(../images/common/icon05.png);
  background-repeat: no-repeat;
  background-position: center 0.9rem;
  background-size: 16px 14px;
}

#icl .renewal ._gNavList__item.-special ._gNavList__itemInner {
  display: inline-block;
  background-image: url(../images/common/icon06.png);
  background-repeat: no-repeat;
  background-position: center 0.9rem;
  background-size: 17px 13px;
}

#icl .renewal ._gNav__item.-trial {
  position: relative;
  width: 155px;
  height: 42px;
  border-radius: 21px;
  background: #e79ea6;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(9%, #e79ea6), color-stop(86%, #ff5a85));
  background: linear-gradient(to bottom, #e79ea6 9%, #ff5a85 86%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e79ea6', endColorstr='#ff5a85', GradientType=0);
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.08928;
}

#icl .gecko.win.js .renewal ._gNav__item.-trial ._gNavList__itemInner {
  margin: 9px 0 0;
  font-size: 11px;
}

#icl .renewal ._gNav__item.-trial::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 1.2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
  height: 16px;
  background-image: url(../images/common/trial.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 16px;
}

#icl .renewal ._gNav__item.-trial:hover::before {
  opacity: 0.8;
}

#icl .renewal ._gNav__item.-trial::after {
  content: '';
  position: absolute;
  right: 1.3rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 0.4rem 0.5rem;
  border-left-color: #fff;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
}

#icl .renewal ._gNav__item.-trial:hover::after {
  right: 1rem;
}

#icl .renewal ._gNav__item.-trial ._gNavList__itemInner {
  display: block;
  margin: 5px 0 0;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.08928;
  font-weight: bold;
}

#icl .gecko.win.js .renewal ._gNav__item.-purchace ._gNavList__itemInner {
  font-size: 12px;
}

#icl .renewal ._gNav__item.-trial ._gNavList__itemInner:hover {
  text-decoration: none;
}

#icl .renewal ._gNav__item.-purchace {
  position: relative;
  width: 148px;
  height: 42px;
  margin: 0 0 0 14px;
  border-radius: 5px;
  background: #e6b221;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(8%, #e6b221), color-stop(87%, #e94c00));
  background: linear-gradient(to bottom, #e6b221 8%, #e94c00 87%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6b221', endColorstr='#e94c00', GradientType=0);
  text-align: center;
  font-size: 1.4rem;
  line-height: 42px;
}

#icl .renewal ._gNav__item.-purchace::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0.8rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url(../images/common/purchase.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}

#icl .renewal ._gNav__item.-purchace:hover::before {
  opacity: 0.8;
}

#icl .renewal ._gNav__item.-purchace::after {
  content: '';
  position: absolute;
  right: 0.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 0.4rem 0.5rem;
  border-left-color: #fff;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
}

#icl .renewal ._gNav__item.-purchace:hover::after {
  right: 0.6rem;
}

#icl .renewal ._gNav__item.-purchace ._gNavList__itemInner {
  display: block;
  padding: 0 0 0 3.5rem;
  color: #fff;
  font-size: 1.4rem;
  line-height: 42px;
  font-weight: bold;
  text-align: left;
}

#icl .renewal ._gNav__item.-purchace ._gNavList__itemInner:hover {
  text-decoration: none;
}


#icl .renewal .sitrHeader_news {
  height: 33px;
  background: #1F288A;
  color: #fff;
  text-align: center;
}

#icl .renewal .sitrHeader_news-wrap {
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#icl .renewal .sitrHeader_news .callout {
  position: relative;
  width: 49px;
  height: 18px;
  margin: 0 1.4rem 0 0;
  background: #fff;
  border-radius: 3px;
  color: #333;
  font-size: 1.1rem;
  line-height: 18px;
  text-align: center;
}

#icl .renewal .sitrHeader_news .callout::after {
  content: '';
  position: absolute;
  right: -0.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 0.3rem 0.3rem;
  border-left-color: #fff;
}

@-moz-document url-prefix() {
  #icl .renewal .sitrHeader_news .callout::after {
    right: -0.5rem;
  }
}

#icl .renewal .sitrHeader_news time {
  margin: 0 1.2rem 0 0;
  font-size: 1.183rem;
}

#icl .renewal .sitrHeader_news .text-link {
  font-weight: 500;
  font-size: 1.392rem;
}

#icl .renewal .sitrHeader_news .text-link a {
  font-weight: 500;
  font-size: 1.392rem;
  text-decoration: underline;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}

#icl .renewal .sitrHeader_news .text-link a:hover {
  opacity: 0.75;
}

#icl .renewal ._siteContents {
  width: 100%;
  overflow: hidden;
}


#icl .renewal .site_footer {
  position: relative;
  padding: 60px 0 65px;
  background: #DCDCDC;
}

#icl .renewal .site_footer .container {
  position: relative;
  max-width: 1000px;
  padding: 0 0 0 55px;
}

#icl .renewal .pageTop a {
  position: absolute;
  top: -31px;
  right: 42px;
  z-index: 1;
  width: 56px;
  height: 56px;
  background-image: url(../images/common/pagetop.png);
  cursor: pointer;
}

#icl .renewal .site_footer .footer_nav_list li .footer_nav_link {
  color: #1F286F;
  font-size: 11px;
}

#icl .renewal .site_footer .footer_contents_head {
  width: 295px;
}

#icl .renewal .site_footer .footer_contents_head .footer_logo {
  margin-right: 77px;
}

#icl .renewal .site_footer .footer_contents_head .footer_logo img {
  width: 214px;
  margin: 0 77px 0 0;
}

#icl .renewal .site_footer .footer_social_area .social_list {
  margin: 0 0 0 40px;
}

#icl .renewal .site_footer .footer_nav_list {
  margin: 20px 0 0;
}

#icl .renewal .following {
  display: none;
  position: fixed;
  right: 0;
  top: 480px;
  z-index: 10;
  -webkit-transition: 0.4s opacity;
  transition: 0.4s opacity;
}

#icl .renewal .following .close {
  position: absolute;
  top: 22px;
  right: 35px;
  width: 16px;
  height: 16px;
  background: url(../images/common/followling-bannner-close.png);
}

#icl .renewal .following:hover {
  opacity: 0.75;
}

@media screen and (min-width:767px) and (max-width:850px) {
  #icl .renewal .pageTop a {
    position: absolute;
    top: -50px;
    right: 31px;
    z-index: 1;
    width: 42px;
    height: 42px;
    background-image: url(../images/common/pagetop.png);
    background-size: cover;
    cursor: pointer;
  }
}

/*fade-in animation*/

#icl .fade {
  position: relative;
}

#icl .fade-in {
  -webkit-transition: opacity 0.9s, -webkit-transform 1.2s ease;
  transition: opacity 0.9s, -webkit-transform 1.2s ease;
  transition: opacity 0.9s, transform 1.2s ease;
  transition: opacity 0.9s, transform 1.2s ease, -webkit-transform 1.2s ease;
  opacity: 0;
}

#icl .fade-in.fade-in-left {
  -webkit-transform: translate(50px, 0);
  transform: translate(50px, 0);
}

#icl .fade-in.fade-in-right {
  -webkit-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
}

#icl #icl .fade-in.fade-in-down {
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

#icl .fade-in.on {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

@media (max-width: 1010px) {
  #icl .renewal ._gNav__item.-trial {
    width: 98.1px;
    height: 26.1px;
    border-radius: 13.05px;
    font-size: 0.882rem;
  }

  #icl .renewal ._gNav__item.-trial::before {
    left: 0.756rem;
    width: 8.82px;
    height: 10.08px;
    background-image: url(../images/common/trial.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8.82px 10.08px;
  }

  #icl .renewal ._gNav__item.-trial::after {
    right: 0.819rem;
    border-width: 0.252rem 0.315rem;
  }

  #icl .renewal ._gNav__item.-trial ._gNavList__itemInner {
    margin: 3.15px 0 0;
    font-size: 0.882rem;
  }

  #icl .gecko.win.js .renewal ._gNav__item.-trial ._gNavList__itemInner {
    margin: 3.15px 0 0;
    font-size: 0.882rem;
  }

  #icl .renewal ._gNav__item.-purchace {
    width: 93.24px;
    height: 26.46px;
    margin: 0 0 0 8.82px;
    border-radius: 3.15px;
    font-size: 0.882rem;
    line-height: 26.46px;
  }

  #icl .renewal ._gNav__item.-purchace::before {
    left: 0.504rem;
    width: 11.34px;
    height: 11.34px;
    background-image: url(../images/common/purchase.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11.34px;
  }

  #icl .renewal ._gNav__item.-purchace::after {
    right: 0.504rem;
    border-width: 0.252rem 0.315rem;
  }

  #icl .renewal ._gNavList__item.-about ._gNavList__itemInner .trademark {
    display: inline;
    font-size: 100%;
    top: 0;
    color: #1F2889;
  }

  #icl .renewal ._gNav__item.-purchace ._gNavList__itemInner {
    padding: 0 0 0 2.205rem;
    font-size: 0.882rem;
    line-height: 26.46px;
  }

  #icl .gecko.win.js .renewal ._gNav__item.-purchace ._gNavList__itemInner {
    padding: 0 0 0 2.205rem;
    font-size: 0.882rem;
    line-height: 26.46px;
  }

  #icl .renewal ._gNavList__item.-home {
    padding: 0 1.134rem 0 0.945rem;
  }

  #icl .renewal ._gNavList__item.-about {
    padding: 0 1.071rem 0;
  }

  #icl .renewal ._gNavList__item.-nutrition {
    padding: 0 0.945rem 0 1.197rem;
  }

  #icl .renewal ._gNavList__item.-product {
    padding: 0 0.882rem 0 1.008rem;
  }

  #icl .renewal ._gNavList__item.-qa {
    padding: 0 1.071rem 0 1.26rem;
  }

  #icl .renewal ._gNavList__item.-special {
    padding: 0 1.071rem 0 0.882rem;
  }

  #icl .renewal ._gNavList__item.double {
    font-size: 0.8rem;
  }

  #icl .renewal ._gNavList__item {
    font-size: 0.9rem;
  }
}

@media (max-width: 767px) {
  #icl .renewal {
    margin: -7.65625rem 0 0;
    padding: 15.3125rem 0 0;
  }

  #icl .renewal .pc_in {
    display: none;
  }

  #icl .renewal .sp_in {
    display: inline;
  }

  #icl .renewal .siteHeader {
    height: 7.65625rem;
  }

  #icl .renewal .siteHeader__body {
    padding: 1.015625rem 1.25rem 1.09375rem 0.898rem;
  }

  #icl .renewal .siteHeader__group {
    margin: 0;
  }

  #icl .gecko.win.js .renewal .siteHeader__group {
    width: 70%;
  }

  #icl .gecko.win.js .renewal .siteHeader__group.logo {
    width: 30%;
  }

  #icl .renewal .siteHeader__group.sp_fx {
    margin: 0 0 0 1.71875rem;
    width: calc(100% - 82px);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  #icl .renewal .siteHeader__logoImg {
    width: 40rem;
    height: auto;
  }

  #icl .gecko.win.js .renewal .siteHeader__logoImg {
    width: 100%;
    height: auto;
  }

  #icl .renewal .siteHeader__linkCampaign_sp {
    display: block;
    position: relative;
    width: 10.15625rem;
    min-width: 100px;
    height: 2.6953125rem;
    margin: 0 0.859375rem 0 0;
    padding: 0.390625rem 0 0;
    background: #e79ea6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(9%, #e79ea6), color-stop(86%, #ff5a85));
    background: linear-gradient(to bottom, #e79ea6 9%, #ff5a85 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e79ea6', endColorstr='#ff5a85', GradientType=0);
    color: #fff;
    font-size: 0.7375rem;
    line-height: 1.2687;
    font-weight: bold;
    text-align: center;
  }

  #icl .mac .renewal .siteHeader__linkCampaign_sp {
    padding: 0.290625rem 0 0;
  }

  #icl .mac.iphone .renewal .siteHeader__linkCampaign_sp {
    padding: 0.390625rem 0 0;
  }

  #icl .renewal .siteHeader__linkCampaign_sp::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0.8203125rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.943867188rem;
    height: 1.051484375rem;
    background-image: url(../images/common/trial.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.943867188rem 1.051484375rem;
  }

  #icl .renewal .siteHeader__linkCampaign_sp::after {
    content: '';
    position: absolute;
    right: 0.78125rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.218535156rem 0 0.218535156rem 0.378515625rem;
    border-color: transparent transparent transparent #fff;
  }

  #icl .renewal .siteHeader__linkPurchace_sp {
    display: block;
    position: relative;
    width: 9.765625rem;
    height: 2.6953125rem;
    padding: 0 0 0 0.8rem;
    border-radius: 0.35625rem;
    background: #e6b221;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(8%, #e6b221), color-stop(87%, #e94c00));
    background: linear-gradient(to bottom, #e6b221 8%, #e94c00 87%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6b221', endColorstr='#e94c00', GradientType=0);
    color: #fff;
    font-size: 1.375rem;
    line-height: 2.6953125rem;
    text-align: center;
  }

  #icl .renewal .siteHeader__linkPurchace_sp::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0.8rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.174179688rem;
    height: 1.174179688rem;
    background-image: url(../images/common/purchase.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.174179688rem;
  }

  #icl .renewal .siteHeader__linkPurchace_sp::after {
    content: '';
    position: absolute;
    right: 0.78125rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.218535156rem 0 0.218535156rem 0.378515625rem;
    border-color: transparent transparent transparent #fff;
  }


  #icl .renewal ._spMenu {
    display: block;
    width: 100%;
    height: calc(100%);
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 200;
    margin: 0 0 0;
    padding: 1.953125rem 0 0 0;
    background-color: rgba(255, 255, 255, 0.95);
  }

  #icl .renewal ._gNavList._spMenu__body {
    width: 100%;
  }

  #icl .renewal .btn_spMenu {
    z-index: 201;
  }

  #icl .renewal ._gNavList__item {
    height: 8.28125rem;
    line-height: 8.28125rem;
  }

  #icl .renewal ._gNavList__item.-home,
  #icl .renewal ._gNavList__item.-about,
  #icl .renewal ._gNavList__item.-nutrition,
  #icl .renewal ._gNavList__item.-product,
  #icl .renewal ._gNavList__item.-qa,
  #icl .renewal ._gNavList__item.-special {
    padding: 0 0 0 10.625rem;
    background-position: 6.3671875rem center;
    background-repeat: no-repeat;
  }

  #icl .renewal ._gNavList__item.-home {
    background-image: url(../images/common/icon01.png);
    background-size: 2.010429688rem 1.923007813rem;
  }

  #icl .renewal ._gNavList__item.-about {
    background-image: url(../images/common/icon02.png);
    background-size: 2.171796875rem 1.998046875rem;
  }

  #icl .renewal ._gNavList__item.-nutrition {
    background-image: url(../images/common/icon03.png);
    background-size: 1.4784375rem 2.57125rem;
  }

  #icl .renewal ._gNavList__item.-product {
    background-image: url(../images/common/icon04.png);
    background-size: 1.498359375rem 2.379726563rem;
  }

  #icl .renewal ._gNavList__item.-qa {
    background-image: url(../images/common/icon05.png);
    background-size: 2.08328125rem 1.923007813rem;
  }

  #icl .renewal ._gNavList__item.-special {
    background-image: url(../images/common/icon06.png);
    background-size: 2.323632813rem 1.760703125rem;
    border-bottom: none;
  }

  #icl .renewal ._gNavList__item.-home ._gNavList__itemInner,
  #icl .renewal ._gNavList__item.-about ._gNavList__itemInner,
  #icl .renewal ._gNavList__item.-nutrition ._gNavList__itemInner,
  #icl .renewal ._gNavList__item.-product ._gNavList__itemInner,
  #icl .renewal ._gNavList__item.-qa ._gNavList__itemInner,
  #icl .renewal ._gNavList__item.-special ._gNavList__itemInner {
    background: none;
  }

  #icl .renewal ._gNavList__item ._gNavList__itemInner {
    color: #1F2889;
    font-size: 1.875rem;
    text-align: left;
    line-height: 2;
    padding: 0;
  }

  #icl .renewal ._gNavList__item.double ._gNavList__itemInner {
    padding: 0;
    line-height: 8.28125rem;
  }

  #icl .renewal ._gNav__item.-trial,
  #icl .renewal ._gNav__item.-purchace {
    display: none;
  }

  #icl .renewal .sitrHeader_news {
    height: 2.8125rem;
  }

  #icl .renewal .sitrHeader_news-wrap {
    height: 2.8125rem;
  }

  #icl .renewal .sitrHeader_news .callout {
    position: relative;
    width: 3.422851563rem;
    height: 1.257382813rem;
    margin: 0 0.6640625rem 0 0;
    background: #fff;
    border-radius: 0.1953125rem;
    color: #333;
    font-size: 0.8203125rem;
    line-height: 1.257382813rem;
    text-align: center;
  }

  #icl .renewal .sitrHeader_news time {
    width: 4.8rem;
    margin: 0 0 0 0;
    font-size: 0.8203125rem;
  }

  #icl .renewal .sitrHeader_news .text-link {
    width: 12rem;
    position: relative;
    top: -0.4rem;
    font-size: 0;
    text-align: left;
    line-height: 0;
  }

  #icl .iphone .renewal .sitrHeader_news .text-link {
    width: 14rem;
    top: -0.2rem;
  }

  #icl .renewal .sitrHeader_news .text-link a {
    font-size: 0;
    line-height: 0.8125rem;
  }

  #icl .renewal .site_footer {
    padding: 0 0 0;
  }

  #icl .renewal .site_footer .container {
    padding: 0 0 0;
  }

  #icl .renewal .pageTop a {
    position: absolute;
    top: 1.33025rem;
    right: 1.33025rem;
    z-index: 1;
    width: 3.010160125rem;
    height: 3.010160125rem;
    background-image: url(../images/common/pagetop.png);
    background-size: 100%;
  }

  #icl .renewal .site_footer .footer_contents_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 4.695rem 0 0.95625rem;
    /* padding-bottom: 15%; */
  }

  #icl .renewal .site_footer .footer_contents_head {
    width: 100%;
    margin: 1.95625rem 0 0;
  }

  #icl .renewal .site_footer .footer_social_area {
    position: relative;
    top: 0;
    padding: 0 2.247375rem;
  }

  #icl .renewal .site_footer .footer_social_area .social_list {
    margin: 0 0 0;
    font-size: 0;
  }

  #icl .renewal .site_footer .footer_nav_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 1.565rem 1.4085rem 0;
  }

  #icl .renewal .site_footer .footer_contents_head .footer_logo {
    margin-right: 0;
    text-align: center;
  }

  #icl .renewal .site_footer .footer_nav_list li:nth-child(3) {
    text-align: center;
  }

  #icl .renewal .site_footer .footer_nav_list li:last-child {
    text-align: right;
  }

  #icl .renewal .site_footer .footer_nav_list li .footer_nav_link {
    color: #1F286F;
    font-size: 2.4vw;
  }

  #icl .renewal .site_footer .footer_contents_head .footer_logo img {
    width: 37.8125%;
    margin: 0 auto 0;
  }

  #icl .renewal .site_footer .menu_btn {
    display: block;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    background: #1f2883;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }

  #icl .renewal .site_footer .menu_btn.menu-hidden{
    opacity: 0;
    z-index: 0;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }

  #icl .renewal .site_footer .menu_btn ul {
    padding: 3% 4.5% 5%;
    font-size: 0;
  }

  #icl .renewal .site_footer .menu_btn ul li {
    display: inline-block;
    width: 13%;

  }

  #icl .renewal .site_footer .menu_btn ul .isocal {
    width: 18%;
    margin: 0 0% 0 6%;
  }

  #icl .renewal .site_footer .menu_btn ul .product {
    margin: 0 0 0 6%;
    width: 15%;
  }

  #icl .renewal .site_footer .menu_btn ul .qa {
    width: 8.5%;
    margin: 0 0 0 10%;
  }

  #icl .renewal .site_footer .menu_btn ul .purchase {
    width: 13.5%;
    margin: 0 0 0 9.5%;
  }

  #icl .renewal .site_footer .menu_btn ul li a,
  #icl .renewal .site_footer .menu_btn ul li div {
    width: 100%;
  }

  #icl .renewal .following {
    display: none;
    position: fixed;
    top: static;
    top: unset;
    bottom: 0;
    width: 100%;
  }

  #icl .renewal .following .close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    background: url(../images/common/followling-bannner-close.png);
  }

  #icl .renewal.home {
    position: relative;
    /*padding-bottom: 28.720083%;*/
  }

}

@media (max-width: 550px) {

  #icl .renewal .siteHeader__logoImg {
    width: 120rem;
    /* width: 100%; */
    height: auto;
  }

  #icl .renewal.home ._topKv_dots li button {
    margin: 0 7px;
    width: 7px;
    height: 7px;
  }

}


/* =====================================
*  @@Renewal top
* ===================================== */

#icl .renewal {
  min-width: initial;
  min-width: unset;
  min-width: auto;
  background: #FFF9EB;
}

#icl .renewal.home .wrap {
  width: 98%;
  margin: 0 auto;
}

#icl .renewal.home .trademark {
  display: inline;
  position: relative;
  top: -12px;
  font-size: 40%;
}

#icl .renewal.home .siteHeader {
  position: fixed;
  min-width: initial;
  min-width: unset;
  min-width: auto;
}

#icl .renewal.home .blockMain._topKv {
  background: #FFF9EB;
}

#icl .renewal.home .blockMain._topKv .logo {
  display: none;
}

#icl .renewal.home ._topKv_slideBtn {
  width: 34px;
  height: 34px;
  border-radius: 17px;
}

#icl .renewal.home ._topKv_prevBtn {
  background: url('../images/top/icon_arrow_prev.png') no-repeat;
}

#icl .renewal.home ._topKv_nextBtn {
  background: url('../images/top/icon_arrow_next.png') no-repeat;
}

#icl .renewal.home ._topKv_dots li button {
  margin: 0 7px;
}


#icl .renewal.home ._topKv_dots {
  bottom: 23px;
}

#icl .renewal.home ._topKv_dots li.slick-active button {
  background: #B6B6B6;
}

#icl .renewal.home ._topKv_dots li.slick-active button {
  background: #1F288A;
}

/*cafeblock*/

#icl .renewal.home .cafe-block .wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

#icl .renewal.home .cafe-block .wrap .cafe-banner {
  position: relative;
  width: 74.5%;
  max-width: 745px;
  margin: 2px auto 44px;
}

#icl .renewal.home .cafe-block .wrap .cafe-banner img {
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  #icl .renewal.home .cafe-block {}

  #icl .renewal.home .cafe-block .wrap {}

  #icl .renewal.home .cafe-block .wrap .cafe-banner {
    position: relative;
    width: 93.5%;
    margin: 2% auto;
  }

  #icl .renewal.home .cafe-block .wrap .cafe-banner img {
    width: 100%;
    height: auto;
  }
}

/*section01*/
#icl .renewal.home .section01 {
  padding: 41px 0 80px;
  background: #FFF9EB;
}

#icl .renewal.home .section01 .wrap {
  width: 100%;
  max-width: 1000px;
}

#icl #isocal_home.renewal.home .section01 .wrap {
  text-align: center;
}

#icl .renewal.home .section01 .title-deco-1 {
  display: inline-block;
  position: relative;
  left: 54%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  color: #1F288A;
  font-size: 32px;
  line-height: 1.38;
  font-weight: bold;
  letter-spacing: 0.2em;
}

#icl #isocal_home.renewal.home .section01 .title-deco-1 {
  padding: 0px 45px 23px 70px;
  left: 0;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  font-size: 31.36px;
  background: url(../images/top/title-deco1-left.png) no-repeat, url(../images/top/title-deco1-right.png) no-repeat;
  background-position: bottom 0 left 0, bottom 0 right 0;
}

#icl .renewal.home .section01 .title-deco-1 svg {
  display: block;
  width: 635px;
  max-width: 93%;
  margin: 0 auto;
}

#icl .renewal.home .section01 .title-deco-1 .bold {
  font-weight: 900;
}

#icl .renewal.home .section01 .title-deco-1 .font {
  font-weight: 800;
}

#icl .renewal.home .section01 .image-block {
  margin: 35px 0 0;
  text-align: center;
}

#icl .renewal.home .section01 .link {
  position: relative;
  left: 6px;
  width: 398px;
  margin: 43px auto 0;
  text-align: center;
}

#icl .renewal.home .section01 .link a {
  display: block;
  position: relative;
  color: #1F288A;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

#icl .renewal.home .section01 .link a::after {
  content: "";
  display: block;
  position: absolute;
  top: 52%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 10px;
  border-color: transparent transparent transparent #ffffff;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
}

#icl .renewal.home .section01 .link a:hover::after {
  right: 15px;
}

#icl .renewal.home .section01 .link a img {
  width: 100%;
  height: auto;
}

@media screen and (min-width:767px) and (max-width:850px) {

  #icl .renewal.home .section01 .title-deco-1 {
    font-size: 28px;
  }

 #icl #isocal_home.renewal.home .section01 .title-deco-1 {
    font-size: 3.1vw;
  }

}

@media (max-width: 767px) {
  #icl .renewal.home .blockMain._topKv {
    position: relative;
    margin: 0;
  }

  #icl .renewal.home .blockMain._topKv .logo {
    display: block;
    position: absolute;
    top: 5%;
    right: 8%;
    z-index: 100;
    width: 29%;
  }

  #icl .renewal.home ._topKv_dots {
    bottom: 0;
  }

  #icl .renewal.home .section01 {
    padding: 3.815625rem 0 6.5rem;
  }

  #icl .renewal.home .section01 .title-deco-1 {
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    color: #1F288A;
    font-size: 1.574609375rem;
    line-height: 1.504952;
  }

  #icl #isocal_home.renewal.home .section01 .title-deco-1 {
    padding: 0px 1vw 9vw 4vw;
    left: 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    font-size: 4.3vw;
    line-height: 1.504952;
    background-size: 10vw;
  }

  #icl .renewal.home .section01 .title-deco-1::before {
    display: none;
    top: 4rem;
    left: -1.3078125rem;
    width: 2.75390625rem;
    height: 3.28125rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: url(../images/top/title-deco1-left.png);
    background-size: 2.75390625rem 3.28125rem;
  }

  #icl .renewal.home .section01 .title-deco-1::after {
    display: none;
    top: 4rem;
    right: -1.3078125rem;
    width: 2.75390625rem;
    height: 3.310546875rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: url(../images/top/title-deco1-right.png);
    background-size: 2.75390625rem 3.310546875rem;
  }

  #icl .renewal.home .section01 .title-deco-1 {
    width: 98%;
  }

  #icl .renewal.home .section01 .image-block {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 2.8rem 0 0 0;
  }

  #icl .renewal.home .section01 .image-block img {
    width: 93.3%;
    text-align: center;
  }

  #icl .renewal.home .section01 .link {
    width: 74%;
    margin: 1.953125rem auto 0;
  }

  #icl .renewal.home .section01 .link a {
    font-size: 1.1328125rem;
  }

  #icl .renewal.home .section01 .link a::after {
    content: "";
    display: none;
    position: absolute;
    top: 83%;
    right: -1.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 0.75rem 0.375rem;
    border-top-color: #1F288A;
    -webkit-transition: top 0.4s;
    transition: top 0.4s;
  }

  #icl .renewal.home .section01 .link a::before {
    bottom: -0.7rem;
  }

}

@media (max-width: 360px) {
  #icl .renewal.home .section01 .title-deco-1 {
    font-size: 1.274609375rem;
    line-height: 1.504952;
  }
}

/*section02*/
#icl .renewal.home .section02 {
  padding: 54px 0 calc(74px + 3.1%);
  background: #fff0ce;
}

#icl .renewal.home .section02 .ribbon.type01 {
  display: block;
  position: relative;
  z-index: 1;
  width: 244px;
  height: 66px;
  padding: 2px 0 0;
  margin: 0 auto;
  background: url('../images/top/section02-title-ribbon01.png');
  background-size: 100%;
  background-position: center;
  text-align: center;
}

#icl .renewal.home .section02 .ribbon.type01 span {
  display: block;
  position: relative;
  padding: 6px 0 0;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  color: #fff;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
}

#icl .renewal.home .section02 .flame {
  display: block;
  position: relative;
  width: 802px;
  height: 696px;
  padding: 111px 0 0;
  margin: -37px auto 0;
  background: url('../images/top/section02-flame01.png');
  background-size: 802px 696px;
  background-position: center;
  text-align: center;
}

#icl #isocal_home.renewal.home .section02 .flame {
  padding: 95px 0 0;
}

#icl .renewal.home .section02 .flame::before,
#icl .renewal.home .section02 .flame::after {
  content: "";
  display: block;
  position: absolute;
}

#icl .renewal.home .section02 .flame::before {
  content: "";
  top: -40px;
  left: -70px;
  width: 164px;
  height: 184px;
  background: url('../images/top/section02-cloud-left01.png');
  background-size: 164px 184px;
  background-position: center;
}

#icl .renewal.home .section02 .flame::after {
  content: "";
  top: -45px;
  right: -90px;
  width: 194px;
  height: 106px;
  background: url('../images/top/section02-cloud-right01.png');
  background-size: 194px 106px;
  background-position: center;
}

#icl .renewal.home .section02 .flame p {
  color: #1F288A;
  font-size: 19px;
  font-weight: 600;
  line-height: 2.05263;
}

#icl #isocal_home.renewal.home .section02 .flame p {
  font-size: 16.66px;
  line-height: 2.3;
  width: 668px;
  margin: 0 auto;
}

#icl .renewal.home .section02 .flame p:not(:first-child) {
  margin: 45px 0 0;
}

#icl .renewal.home .section02 .flame p span {
  font-weight: 900;
}

#icl #isocal_home.renewal.home .section02 .flame p:not(:first-child) {
  margin: 40px auto 0;
}

#icl #isocal_home.renewal.home .section02 .flame p span {
  font-size: 19px;
  letter-spacing: 0px;
}

#icl #isocal_home.renewal.home .section02 .flame p .txt1_space{
  padding-bottom: 55px;
  font-weight: 900;
  font-size: 20px;
}

#icl #isocal_home.renewal.home .section02 .flame p .txt2_space{
  padding-top: 55px;
  font-weight: 900;
  font-size: 20px;
}

#icl .renewal.home .section01 .movie,
#icl .renewal.home .section02 .movie {
  display: block;
  position: relative;
  width: calc(100% - 270px);
  max-width: 600px;
  margin: 66px auto 0;
}

#icl .renewal.home .section02 .movie::before,
#icl .renewal.home .section02 .movie::after {
  content: "";
  position: absolute;

}

#icl .renewal.home .section02 .movie::before {
  content: "";
  top: 132px;
  left: -173px;
  width: 116px;
  height: 126px;
  background: url(../images/top/section02-cloud-left02.png);
  background-size: 116px 126px;
  background-position: center;
}
#icl .renewal.home .section02 .movie::after {
  content: "";
  top: 103px;
  right: -160px;
  width: 140px;
  height: 92px;
  background: url('../images/top/section02-cloud-right02.png');
  background-size: 140px 92px;
  background-position: center;
}
#icl .renewal.home .section01 .movie .border.type1,
#icl .renewal.home .section02 .movie .border.type1 {
  display: block;
  position: relative;
  width: 100%;
  color: #1F288A;
  font-size: 25px;
  line-height: 1.56;
  text-align: center;
}

#icl #isocal_home.renewal.home .section01 .movie .border.type1,
#icl #isocal_home.renewal.home .section02 .movie .border.type1 {
  width: 490px;
  max-width: 100%;
  margin: 0 auto;
  padding: 28px 0;
}

#icl #isocal_home.renewal.home .section01 .movie .border.type1{
  border-top: 3px #1F288A solid;
  border-bottom: 3px #1F288A solid;
 }

#icl #isocal_home.renewal.home .section01 .movie .border.type1 span{
  font-size: 28px;
  padding-left: 12px;
}


#icl #isocal_home.renewal.home .section02 .movie .border.type1{
  width: 490px;
  letter-spacing: 0.1em;
  margin: 0 auto;
  padding: 15px;
  border-top: 3px white solid;
  border-bottom: 3px white solid;
}

#icl .renewal.home .section01 .movie #movie,
#icl .renewal.home .section02 .movie #movie {
  position: relative;
  width: 100%;
  height: 0;
  padding: 56.25% 0 0;
  margin: 27px 0 0;
}

#icl .renewal.home .section01 .movie #movie iframe,
#icl .renewal.home .section02 .movie #movie iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

@media screen and (min-width:768px) and (max-width:850px) {

  #icl #isocal_home.renewal.home .section02 .flame {
    display: block;
    position: relative;
    width: 802px;
    max-width: 78%;
    height: 580px;
    padding: 95px 0 0;
    margin: -37px auto 0;
    background: url(../images/top/section02-flame01.png);
    background-size: 100% 100%;
    background-position: center;
    text-align: center;
  }

  #icl #isocal_home.renewal.home .section02 .flame p {
    width: 85%;
    font-size: 1.65vw;
  }

  #icl #isocal_home.renewal.home .section02 .flame p:not(:first-child){
    margin:2.3vw auto;
  }

  #icl #isocal_home.renewal.home .section02 .flame p span {
    font-size: 1.85vw;
  }

  #icl .renewal.home .section02 .movie::before {
    content: "";
    top: 132px;
    left: -120px;
    width: 81px;
    height: 88px;
    background: url(../images/top/section02-cloud-left02.png);
    background-size: 81px 88px;
    background-position: center;
  }
  #icl .renewal.home .section02 .movie::after {
    content: "";
    top: 103px;
    right: -130px;
    width: 112px;
    height: 74px;
    background: url(../images/top/section02-cloud-right02.png);
    background-size: 112px 74px;
    background-position: center;
  }
}

@media (max-width: 767px) {

  #icl .renewal.home .section02 {
    padding: 2.179688rem 0 9.078125rem;
  }

  #icl .renewal.home .section02 .ribbon.type01 {
    display: block;
    position: relative;
    z-index: 1;
    width: 16.0546875rem;
    height: 4.21875rem;
    padding: 2px 0 0;
    margin: 0 auto;
    background: url('../images/top/section02-title-ribbon01.png');
    background-size: 100%;
    background-position: center;
    text-align: center;
  }

  #icl .renewal.home .section02 .ribbon.type01 span {
    display: block;
    position: relative;
    padding: 2px 0 0;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    color: #fff;
    font-size: 1.3203125rem;
    text-align: center;
  }

  #icl .renewal.home .section02 .flame {
    display: block;
    position: relative;
    width: 95%;
    height: 117.8vw;
    padding: 4.50625rem 0 0;
    margin: -22px auto 0;
    background: url('../images/top/section02-flame01-sp.png');
    background-size: 100% 117.8vw;
    background-position: top center;
    text-align: center;
  }

  #icl #isocal_home.renewal.home .section02 .flame {
    display: block;
    position: relative;
    width: 95%;
    height: 117.8vw;
    padding: 4.50625rem 0 0;
    margin: -22px auto 0;
    background: url('../images/top/section02-flame01-sp.png');
    background-size: 100% 117.8vw;
    background-position: top center;
    text-align: center;
  }

  #icl .renewal.home .section02 .flame::before,
  #icl .renewal.home .section02 .flame::after {
    content: "";
    display: block;
    position: absolute;
  }

  #icl .renewal.home .section02 .flame::before {
    content: "";
    top: -2.5rem;
    left: 0;
    width: 7.03125rem;
    height: 4.609375rem;
    background: url('../images/top/section02-cloud-left01-sp.png');
    background-size: 7.03125rem 4.609375rem;
    background-position: center;
  }

  #icl .renewal.home .section02 .flame::after {
    content: "";
    top: -3.203125rem;
    right: 0;
    width: 7.421875rem;
    height: 3.046875rem;
    background: url('../images/top/section02-cloud-right01-sp.png');
    background-size: 7.421875rem 3.046875rem;
    background-position: center;
  }

  #icl .renewal.home .section02 .flame p {
    color: #1F288A;
    font-size: 1.152265625rem;
    line-height: 2.1928297;
    letter-spacing: 0;
  }

  #icl .renewal.home .section02 .flame p span {
    font-size: 1.154296875rem;
    line-height: 2.1928297;
  }

  #icl .renewal.home .section02 .flame p:not(:first-child) {
    margin: 1.64375rem 0 0;
  }

  #icl #isocal_home.renewal.home .section02 .flame p {
    color: #1F288A;
    font-size: 2.95vw;
    line-height: 2.1;
    letter-spacing: 0;
    width: 95%;
  }

  #icl #isocal_home.renewal.home .section02 .flame p span {
    font-size: 3.4vw;
    line-height: 1.9;
  }

  #icl #isocal_home.renewal.home .section02 .flame p:not(:first-child) {
    margin: 6.3vw auto 0;
  }

  #icl .renewal.home .section01 .movie,
  #icl .renewal.home .section02 .movie {
    display: block;
    position: relative;
    width: 85.4166%;
    margin: 3.90625rem auto 0;
  }

  #icl .renewal.home .section02 .movie::before,
  #icl .renewal.home .section02 .movie::after {
    content: "";
    position: absolute;

  }

  #icl .renewal.home .section02 .movie::before {
    content: "";
    top: -4.5703125rem;
    left: -0.9765625rem;
    width: 8.1640625rem;
    height: 2.890625rem;
    background: url(../images/top/section02-cloud-left02-sp.png);
    background-size: 8.1640625rem 2.890625rem;
    background-position: center;
  }

  #icl .renewal.home .section02 .movie::after {
    content: "";
    top: -4.6875rem;
    right: -1.328125rem;
    width: 5.4296875rem;
    height: 3.515625rem;
    background: url('../images/top/section02-cloud-right02-sp.png');
    background-size: 5.4296875rem 3.515625rem;
    background-position: center;
  }

  #icl .renewal.home .section01 .movie .border.type1,
  #icl .renewal.home .section02 .movie .border.type1 {
    display: block;
    position: relative;
    width: 100%;
    padding: 1.3671875rem 0 0.9765625rem;
    color: #1F288A;
    font-size: 1.71875rem;
    line-height: 1.4986363;
    text-align: center;
  }

  #icl #isocal_home.renewal.home .section02 .movie .border.type1,
  #icl #isocal_home.renewal.home .section01 .movie .border.type1{
    width: 490px;
    max-width: 100%;
    font-size: 25px;
    margin-bottom: 20px;
  }

  #icl #isocal_home.renewal.home .section01 .movie .border.type1{
    padding: 3rem 0;
  }

  #icl .renewal.home .section01 .movie #movie,
  #icl .renewal.home .section02 .movie #movie {
    margin: 1.2109375rem 0 0;
  }
}

@media (max-width: 560px) {

  #icl #isocal_home.renewal.home .section01 .movie .border.type1 span{
    font-size: 4.8vw;
    padding-left: 0.5vw;
  }
  #icl #isocal_home.renewal.home .section02 .movie .border.type1 {
    font-size: 4vw;
  }

  #icl #isocal_home.renewal.home .section01 .movie .border.type1{
    padding: 1.2vw 0 3.5vw;
  }

  #icl #isocal_home .svg017{
    width: 3vw;
  }
}


@media (max-width: 360px) {
  #icl .renewal.home .section02 .flame p {
    font-size: 0.992265625rem;
    line-height: 2.1928297;
  }

  #icl #isocal_home.renewal.home .section02 .flame p, #isocal_home.renewal.home .section02 .flame p span {
    font-size: 2.8vw;
    line-height: 2.1928297;
  }
}

/*section03*/
#icl .renewal.home .section03 {
  position: relative;
  /* margin: -10.2% 0 0; */
  padding: 35px 0 50px;
  background: url('../images/top/section03-bg2.png') repeat-y;
  background-size: 100% auto;
  background-position: top center;
}

#icl .renewal.home .section03::before {
  content: "";
  display: block;
  position: absolute;
  top: -53px;
  width: 100%;
  height: 54px;
  background: url(../images/top/section02-03-border.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: top center;
}

#icl .renewal.home .section03 h2{
  font-size: 27.5px;
  font-weight: 800;
  color: #E41E79;
  text-align: center;
  border-bottom: 3px solid #E41E79;
  margin-bottom: 40px;
  padding-bottom: 12px;
}

#icl .renewal.home .section03 h2 span{
  font-size: 34.25px;
  font-weight: bolder;
}

#icl .renewal.home .section03 .catch {
  color: #E41E79;
  font-size: 32.75px;
  line-height: 1.09923664;
  text-align: center;
  font-weight: bold;
}

#icl #isocal_home.renewal.home .section03 .catch {
  font-size: 33px;
}

#icl #isocal_home.renewal.home .section03 .catch span{
  font-size: 35.28px;
  font-weight: 1000;
}

#icl .renewal.home .section03 .catch .big {
  font-size: 36px;
  line-height: 1;
}

#icl .renewal.home .section03 .dotBorder.type1 {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-bottom: 10px;
  margin: 23px 0 0;
  color: #333333;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

#icl #isocal_home.renewal.home .section03 .dotBorder.type1{
  border-bottom: 2px white dotted;
}

#icl .renewal.home .section03 .change {
  display: block;
  position: relative;
  width: 818px;
  margin: 18px auto 0;
  padding: 21px 0 17px 25px;
  border: 1px solid #E41E79;
  border-radius: 4px;
  background: #ffffff;
  background-size: 686px 413px;
  background-position: 46px 20px;
}

#icl .renewal.home .section03 .change.sp_in {
  display: none;
}

#icl .renewal.home .section03 .change .callout {
  position: absolute;
}

#icl .renewal.home .section03 .change .callout01 {
  top: 100px;
  right: 255px;
}

#icl .renewal.home .section03 .change .callout02 {
  top: 100px;
  left: 283px;
}

#icl .renewal.home .section03 .change .callout03 {
  top: 185px;
  left: 80px;
}

#icl .renewal.home .section03 .change .callout04 {
  top: 165px;
  right: 104px;
}

#icl .renewal.home .section03 .change .callout05 {
  top: 330px;
  right: 180px;
}

#icl .renewal.home .section03 .change .callout06 {
  top: 318px;
  left: 177px;
}

#icl .renewal.home .section03 .change .callout p {
  display: inline-block;
  font-size: 27px;
  line-height: 1.1433333;
  color: #3F93DF;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
  text-align: center;
}

#icl .renewal.home .section03 .change .callout.pink p {
  color: #E41E79;
}

#icl .renewal.home .section03 .change .attention {
  padding: 450px 0 19px 38px;
  color: #333333;
  font-size: 9px;
  line-height: 1;
}

#icl .renewal.home .section03 .toggle-block {
  display: none;
  margin: 58px 0 0;
}

#icl .renewal.home .section03 .toggle-block > .callout {
  position: relative;
  width: 818px;
  margin: 0 auto;
  padding: 41px 0 35px;
  background: #E41E79;
  border-radius: 4px;
}

#icl .renewal.home .section03 .toggle-block > .callout::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #E41E79 transparent transparent transparent;
  border-width: 24px 18px 0 18px;
}

#icl .renewal.home .section03 .toggle-block .callout .text {
  color: #fff;
  font-size: 26.91px;
  line-height: 1.55369;
  text-align: center;
  font-weight: bold;
}

#icl .renewal.home .section03 .toggle-block .callout .text .text-deco-1 {
  position: relative;
  font-size: 34.72px;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
}

#icl .renewal.home .section03 .toggle-block .callout .text .text-deco-1::before {
  content: "";
  position: absolute;
  display: block;
  top: 22px;
  left: -30px;
  width: 24px;
  height: 28px;
  background: url('../images/top/text-deco1.png') no-repeat;
  background-size: 24px 28px;
}

#icl .renewal.home .section03 .flame-border1 {
  border: 1px solid #E41E79;
  background: #fff;
  border-radius: 4px;
}

#icl .renewal.home .section03 .toggle-block > .flame-border1 {
  position: relative;
  width: 818px;
  padding: 63px 38px 50px;
  margin: 30px auto 0;
}

#icl .renewal.home .section03 .dot-border.type2 {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0 0 18px;
  margin-bottom: 6px;
  color: #E41E79;
  font-size: 26.26px;
  text-align: center;
  background: url(../images/top/section05-qa-border.png);
  background-position: bottom left;
  background-repeat: repeat-x;
}

#icl .renewal.home .section03 .dot-border.type2 .tigh {
  font-size: 32.61px;
  font-weight: 900;
}

#icl .renewal.home .section03 .text-block1 {
  width: 520px;
  margin: 0 auto;
  line-height: 2.5;
  letter-spacing: 2px;
}

#icl .renewal.home .section03 .text-block1 .small1 {
  color: #333333;
  font-size: 19.22px;
  font-weight: bold;
}

#icl .renewal.home .section03 .text-block1 .mens,
#icl .renewal.home .section03 .text-block1 .ladies {
  position: relative;
  padding: 0 0 0 25px;
  color: #333333;
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
}

#icl .renewal.home .section03 .text-block1 .mens {
  margin: 10px 0 0;
}

#icl .renewal.home .section03 .text-block1 .ladies {
  margin: 5px 0 0;
}

#icl .renewal.home .section03 .text-block1 .mens span,
#icl .renewal.home .section03 .text-block1 .ladies span {
  font-family: 'Work Sans', sans-serif;
  color: #3F93DF;
  font-size: 34px;
}

#icl .renewal.home .section03 .text-block1 .ladies span {
  color: #E43573;
}

#icl .renewal.home .section03 .text-block1 .mens::before,
#icl .renewal.home .section03 .text-block1 .mens::after,
#icl .renewal.home .section03 .text-block1 .ladies::before,
#icl .renewal.home .section03 .text-block1 .ladies::after {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  left: 0;
  height: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#icl .renewal.home .section03 .text-block1 .mens::before {
  width: 16px;
  border-radius: 8px;
  background: #3F93DF;
}

#icl .renewal.home .section03 .text-block1 .mens::after {
  left: 7px;
  top: 12px;
  width: 8px;
  z-index: 1;
  border-radius: 100% 0 0 100% / 50%;
  background: #2484DB;
  -webkit-transform: rotate(125deg);
  transform: rotate(215deg);
}

#icl .renewal.home .section03 .text-block1 .ladies::before {
  width: 16px;
  border-radius: 8px;
  background: #E43573;
}

#icl .renewal.home .section03 .text-block1 .ladies::after {
  left: 7px;
  top: 12px;
  width: 8px;
  z-index: 1;
  border-radius: 100% 0 0 100% / 50%;
  background: #D7004E;
  -webkit-transform: rotate(125deg);
  transform: rotate(215deg);
}

#icl .renewal.home .section03 .text-block1 .mens .kcal,
#icl .renewal.home .section03 .text-block1 .ladies .kcal {
  font-size: 27.63px;
}

#icl .renewal.home .section03 .text-block1 .small2 {
  margin: 15px 0 0;
  color: #333333;
  font-size: 20.43px;
  font-weight: bold;
}

#icl .renewal.home .section03 .text-block1 .attension {
  margin: 0;
  font-size: 9px;
  line-height: 1.44444;
  font-weight: 300;
}

#icl .renewal.home .section03 .sub-section01 {
  padding: 0 0 25px;
  margin: 30px 0 0;
}

#icl .renewal.home .section03 .sub-section02 {
  margin: 50px 0 0;
}

#icl .renewal.home .section03 .sub-section-title {
  padding: 18px 0 14px;
  background: #FFDEE2 url('../images/top/subsection-title-bg.png');
  border-radius: 4px 4px 0 0;
  color: #E41E79;
  font-size: 30px;
  line-height: 31.35px;
  border-bottom: 1px solid #E41E79;
  text-align: center;
}

#icl .renewal.home .section03 .sub-section-title span {
  font-weight: 800;
}

#icl .renewal.home .section03 .sub-section-title .small {
  font-size: 20px;
  line-height: 1.5675;
  font-family: "Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Sans", "ＭＳ ゴシック", sans-serif, sans-serif;
  font-weight: bold;
}

#icl .renewal.home .section03 .sub-section .border-text01 {
  margin: 35px 0 0;
  color: #333333;
  font-size: 24px;
  line-height: 1.62375;
  font-weight: bold;
  text-align: center;
}

#icl .renewal.home .section03 .sub-section .border-text01 span {
  position: relative;
}

#icl .renewal.home .section03 .sub-section .border-text01 span::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: url('../images/top/border-dots-pink.png');
}

#icl #isocal_home.renewal.home .section03 .sub-section02 .sub-section-title {
  padding: 6.5px 0 14px;
}

#icl #isocal_home.renewal.home .section03 .sub-section-title span {
  font-size: 31px;
  font-weight: 800;
}

#icl #isocal_home.renewal.home .section03 .sub-section-title .small {
  font-size: 21.5px;
  line-height: 2;
  font-family: "Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Sans", "ＭＳ ゴシック", sans-serif, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
}

#icl .renewal.home .section03 .sub-section .border-text01 {
  margin: 30px 0 0;
  color: #333333;
  font-size: 24px;
  line-height: 1.62375;
  font-weight: bold;
  text-align: center;
}

#icl .renewal.home .section03 .sub-section01 .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 37px 0 0 23px;
}

#icl .renewal.home .section03 .sub-section01 .content.sp_in {
  display: none;
}

#icl .renewal.home .section03 .sub-section01 .content .callout-block {
  margin: 0 0 0 23px;
}

#icl .renewal.home .section03 .sub-section01 .content .callout {
  position: relative;
  background: #FFDEE2;
  padding: 20px 15px 17px 15px;
  border: 1px #FFC8CF solid;
  border-radius: 4px;
}

#icl .renewal.home .section03 .sub-section01 .content .callout::before {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #ffc8cf;
}

#icl .renewal.home .section03 .sub-section01 .content .callout::after {
  content: "";
  position: absolute;
  right: -9px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 9px;
  border-color: transparent transparent transparent #FFDEE2;

}

#icl .renewal.home .section03 .sub-section01 .content .callout p {
  color: #333333;
  font-size: 17.68px;
  line-height: 1.97680;
  font-weight: bold;
  text-align: center;
}

#icl .renewal.home .section03 .sub-section01 .content .callout span {
  font-size: 22.37px;
  line-height: 1.4725;
}

#icl .renewal.home .section03 .sub-section01 .content .callout .rice {
  padding: 0 29px 0 0;
  background: url('../images/top/section3-rice.png') no-repeat;
  background-size: 22px 22px;
  background-position: right 3px top 50%;
}

#icl .renewal.home .section03 .sub-section01 .content .callout .porridge {
  padding: 0 29px 0 0;
  background: url('../images/top/section3-porridge.png') no-repeat;
  background-size: 26px 18px;
  background-position: right 2px top 50%;
}

#icl .renewal.home .section03 .sub-section01 .content .callout .small {
  margin: 10px 0 0;
  color: #333333;
  font-size: 9.38px;
  line-height: 1;
  font-weight: normal;
  text-align: center;
}

#icl .renewal.home .section03 .sub-section01 .content .callout-block .attension {
  display: block;
  margin: 25px 0 0;
  color: #333;
  font-size: 8.62px;
  text-align: center;
}

#icl .renewal.home .section03 .sub-section01 .graph-block {
  width: 368px;
  margin: 0 0 0 50px;
}

#icl .renewal.home .section03 .sub-section01 .graph-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#icl .renewal.home .section03 .sub-section01 .grapf-title {
  width: 167px;
  height: 23px;
  line-height: 23px;
  background: #E41E79;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  text-align: center;
}

#icl .renewal.home .section03 .sub-section01 .grapf-title.blue {
  margin: 0 0 0 32px;
  background: #3F93DF;
}

#icl .renewal.home .section03 .sub-section01 .graphs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 120px;
  margin: 26px 0 0;
  background: url('../images/top/section3-graphs.png') no-repeat;
  background-size: 368px 120px;
}

#icl .renewal.home .section03 .sub-section01 .graph {
  position: relative;
  width: 168px;
}

#icl .renewal.home .section03 .sub-section01 .graph02 {
  margin: 0 0 0 32px;
}

#icl .renewal.home .section03 .sub-section01 .graph .vertical {
  position: absolute;
  left: -27px;
  top: -9px;
  color: #333;
  text-align: right;
}

#icl .mac.chrome .renewal.home .section03 .sub-section01 .graph .vertical {
  left: -32px;
}

#icl .renewal.home .section03 .sub-section01 .graph02 .vertical {
  left: -24px;
}

#icl .renewal.home .section03 .sub-section01 .graph .vertical .small {
  font-size: 8.13px;
  line-height: 1;
}

#icl .renewal.home .section03 .sub-section01 .graph .vertical .scale {
  margin: 21px 0 0;
  font-size: 12px;
  line-height: 1;
}

#icl .renewal.home .section03 .sub-section01 .graph02 .vertical .scale {
  margin: 9px 0 0;
}

#icl .renewal.home .section03 .sub-section01 .graph .horizontal {
  position: absolute;
  bottom: -35px;
  left: 18px;
  color: #333;
}

#icl .renewal.home .section03 .sub-section01 .graph .horizontal .item {
  display: inline-block;
  font-size: 12px;
  line-height: 1.171666;
  text-align: center;
  letter-spacing: 0;
}

/* chrome opera */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
  #icl .mac .renewal.home .section03 .sub-section01 .graph .horizontal .item {
    letter-spacing: 0;
  }
}

#icl .mac .renewal.home .section03 .sub-section01 .graph .horizontal .item {
  letter-spacing: 0;
}

#icl .renewal.home .section03 .sub-section01 .graph .horizontal .item span {
  font-size: 8.13px;
}

#icl .renewal.home .section03 .sub-section01 .graph .contents {
  color: #E41E79;
  font-weight: 600;
}

#icl .renewal.home .section03 .sub-section01 .graph02 .contents {
  color: #3F93DF;
}

#icl .renewal.home .section03 .sub-section01 .graph .contents .numeric {
  font-family: 'Work Sans', sans-serif;
  position: absolute;
  font-size: 30.24px;
  letter-spacing: 0;
}

#icl .renewal.home .section03 .sub-section01 .graph .contents .numeric span {
  font-size: 10.8px;
}

#icl .renewal.home .section03 .sub-section01 .graph .contents .numeric.sub {
  font-size: 21.92px;
}

#icl .renewal.home .section03 .sub-section01 .graph .contents .numeric.sub span {
  font-size: 11.52;
}

#icl .renewal.home .section03 .sub-section01 .graph01 .contents p:nth-child(1) {
  top: -29px;
  left: 4px;
}

#icl .renewal.home .section03 .sub-section01 .graph01 .contents p:nth-child(2) {
  top: 40px;
  left: 60px;
}

#icl .renewal.home .section03 .sub-section01 .graph01 .contents p:nth-child(3) {
  top: 66px;
  left: 108px;
}

#icl .renewal.home .section03 .sub-section01 .graph02 .contents p:nth-child(1) {
  top: -32px;
  left: 4px;
}

#icl .renewal.home .section03 .sub-section01 .graph02 .contents p:nth-child(2) {
  top: 40px;
  left: 74px;
}

#icl .renewal.home .section03 .sub-section01 .graph02 .contents p:nth-child(3) {
  top: 66px;
  left: 118px;
}

#icl .renewal.home .section03 .sub-section02 .image {
  margin: 22px 0 14px 28px;
}

#icl .renewal.home .section03 .bottom {
  margin: 64px auto 65px;
  text-align: center;
}

#icl .renewal.home .section03 .bottom h4 {
  color: #E41E79;
  font-size: 32.75px;
  line-height: 1.61832;
}

#icl .renewal.home .section03 .bottom h4 span {
  font-size: 36px;
  line-height: 1.47222222;
  font-weight: 900;
}

#icl #isocal_home.renewal.home .section03 .bottom h4 {
  color: #E41E79;
  font-size: 32px;
  line-height: 1.61832;
  letter-spacing: 3px;
}

#icl #isocal_home.renewal.home .section03 .bottom h4 span {
  font-size: 35px;
  line-height: 1.47222222;
  font-weight: 900;
}

#icl .renewal.home .section03 .bottom .text-deco-2 {
  display: inline-block;
  position: relative;
  /*margin: 30px 0 0 0;*/
  font-size: 20px;
  line-height: 1.98;
  font-weight: bold;
  padding: 0px 130px 10px 120px;
  background: url(../images/top/text-deco2-left.png) no-repeat, url(../images/top/text-deco2-right.png) no-repeat;
  background-position: bottom 0 left 0, bottom 0 right 0;
}



#icl .renewal.home .section03 .bottom .text-deco-2 span {
  position: relative;
}

#icl .renewal.home .section03 .bottom .text-deco-2 span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background: url(../images/top/section3-dotborder.png);
}

#icl .renewal.home .section03 .bt {
  display: block;
  width: 214px;
  height: 45px;
  margin: 45px auto 0;
  cursor: pointer;
  background: #fff;
  border-radius: 22.5px;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}

#icl .renewal.home .section03 .bt:hover {
  opacity: 0.75;
}

#icl .renewal.home .section03 .bt p {
  position: relative;
  color: #E41E79;
  font-size: 15px;
  line-height: 45px;
  text-align: center;
  font-weight: bold;
}

#icl .renewal.home .section03 .bt p::after {
  content: "";
  position: absolute;
  top: 48%;
  right: 50px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #E41E79 transparent transparent transparent;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: rotate .4s;
  transition: rotate .4s;
}

#icl .renewal.home .section03 .bt.open p::after {
  top: 46%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (min-width: 1000px) {
  #icl .renewal.home .section03 h2{
    width: 980px;
    margin: 0 auto 40px;
  }
}

@media screen and (min-width:767px) and (max-width:850px) {

  #icl .renewal.home .section03 .catch {
    font-size: 30.75px;
  }

  #icl .renewal.home .section03 .change {
    width: 750px;
  }

  #icl .renewal.home .section03 .dot-border.type2 {
    font-size: 24px;
  }

  #icl .renewal.home .section03 .dot-border.type2 .tigh {
    font-size: 30px;
  }

  #icl .renewal.home .section03 .change .callout01 {
    right: 186px;
  }

  #icl .renewal.home .section03 .change .callout04 {
    right: 37px;
  }

  #icl .renewal.home .section03 .change .callout05 {
    right: 105px;
  }

  #icl .renewal.home .section03 .toggle-block > .callout {
    width: 750px;
  }

  #icl .renewal.home .section03 .toggle-block > .flame-border1 {
    width: 750px;
  }

  #icl .renewal.home .section03 .sub-section01 .content .callout p {
    font-size: 14.68px;
  }

  #icl .renewal.home .section03 .sub-section01 .content .callout .small {
    font-size: 8px;
  }

  #icl .renewal.home .section03 .sub-section01 .graph-block {
    margin: 0 0 0 40px;
  }

  #icl .renewal.home .section03 .sub-section02 .image {
    width: 98%;
    margin: 22px auto 14px;
  }

}

@media (max-width: 767px) {

  #icl .renewal.home .section03 {
    position: relative;
    margin: -10.2% 0 0;
    padding: 4.5vw 0 3.0078125rem;
    background: url('../images/top/section03-bg2-sp.png');
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: top center;
  }

  #icl .renewal.home .section03::before {
    content: "";
    display: block;

    position: absolute;
    top: -1.575rem;
    width: 100%;
    height: 1.625rem;
    background: url('../images/top/section03-bg1-sp.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
  }

  #icl .renewal.home .section03 h2{
    font-size: 5.5vw;
    margin-bottom: 4.5vw;
    padding-bottom: 2.2vw;
    line-height: 1;
  }

  #icl .renewal.home .section03 h2 span{
    font-size: 6.5vw;
  }

  #icl .renewal.home .section03 .catch {
    color: #E41E79;
    font-size: 2.1265625rem;
    line-height: 1.3720541;
    text-align: center;
    font-weight: bold;
  }

  #icl #isocal_home.renewal.home .section03 .catch {
    font-size: 6vw;
    font-weight: 700;
  }

  #icl #isocal_home.renewal.home .section03 .catch span{
    font-size: 6.5vw;
    font-weight: 900;
  }

  #icl .renewal.home .section03 .catch .big {
    font-size: 2.337109375rem;
    line-height: 1.5078986;
  }

  #icl .renewal.home .section03 .dotBorder.type1 {
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-bottom: 10px;
    margin: 1.390625rem 0 0;
    color: #333333;
    font-size: 1.2890625rem;
    line-height: 1.5636363;
    text-align: center;
  }

  #icl .renewal.home .section03 .change {
    display: none;
  }

  #icl .renewal.home .section03 .change.image-block {
    display: block;
    position: relative;
    width: 94.791666%;
    margin: 1.953125rem auto 0;
    padding: 0;
    border: none;
    background: none;
  }

  #icl .renewal.home .section03 .toggle-block {
    display: none;
    margin: 2.1875rem 0 0;
  }

  #icl .renewal.home .section03 .toggle-block > .callout {
    position: relative;
    width: 94.791666%;
    margin: 0 auto;
    padding: 1.5625rem 0 1.5625rem;
    background: #E41E79;
    border-radius: 4px;
  }

  #icl .renewal.home .section03 .toggle-block > .callout::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -0.703125rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.703125rem 0.44921875rem 0 0.44921875rem;
    border-color: #E41E79 transparent transparent transparent;
    margin: auto;
  }

  #icl .renewal.home .section03 .toggle-block .callout .text {
    color: #fff;
    font-size: 4vw;
    line-height: 1.554039;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.5vw;
    margin-left: 4vw;
  }

  #icl .renewal.home .section03 .toggle-block .callout .text .text-deco-1 {
    position: relative;
    font-size: 5.2vw;
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 800;
    line-height: 1.300142;
  }

  #icl .renewal.home .section03 .toggle-block .callout .text .text-deco-1::before {
    content: "";
    position: absolute;
    display: block;
    top: 3.5vw;
    left: -5vw;
    width: 4vw;
    height: 5vw;
    background: url(../images/top/text-deco1.png) no-repeat;
    background-size: 3.5vw;
  }

  #icl .renewal.home .section03 .flame-border1 {
    border: 1px solid #E41E79;
    background: #fff;
    border-radius: 4px;
  }

  #icl .renewal.home .section03 .toggle-block > .flame-border1 {
    position: relative;
    width: 94.791666%;
    padding: 1rem 1.3671875rem 1.5625rem;
    margin: 1.2890625rem auto 0;
  }

  #icl .renewal.home .section03 .dot-border.type2 {
    padding: 0 0 1.2rem;
    font-size: 1.65rem;
    line-height: 1.500102;
    margin-bottom: 2rem;
  }

  #icl .renewal.home .section03 .dot-border.type2 .tigh {
    font-size: 2.10078125rem;
    line-height: 1.300141;
  }

  #icl .renewal.home .section03 .text-block1 {
    width: 31rem;
    /*margin: 2.9296875rem auto 0;*/
    letter-spacing: 1px;
    line-height: 1.9;
  }

  #icl .renewal.home .section03 .text-block1 .small1 {
    color: #333333;
    font-size: 1.13046875rem;
    font-weight: bold;
  }

  #icl .renewal.home .section03 .text-block1 .mens,
  #icl .renewal.home .section03 .text-block1 .ladies {
    position: relative;
    padding: 0 0 0 1.3671875rem;
    color: #333333;
    font-size: 1.41328125rem;
    line-height: 1;
    font-weight: bold;
  }

  #icl .renewal.home .section03 .text-block1 .mens {
    margin: 0.78125rem 0 0;
  }

  #icl .renewal.home .section03 .text-block1 .ladies {
    margin: 0.78125rem 0 0;
  }

  #icl .renewal.home .section03 .text-block1 .mens span,
  #icl .renewal.home .section03 .text-block1 .ladies span {
    font-family: 'Work Sans', sans-serif;
    color: #3F93DF;
    font-size: 2.261328125rem;
  }

  #icl .renewal.home .section03 .text-block1 .ladies span {
    color: #E43573;
  }

  #icl .renewal.home .section03 .text-block1 .mens::before,
  #icl .renewal.home .section03 .text-block1 .mens::after,
  #icl .renewal.home .section03 .text-block1 .ladies::before,
  #icl .renewal.home .section03 .text-block1 .ladies::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.3rem;
    left: 0;
    height: 0.9375rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #icl .renewal.home .section03 .text-block1 .mens::before {
    width: 0.9375rem;
    border-radius: 50%;
    background: #3F93DF;
  }

  #icl .renewal.home .section03 .text-block1 .mens::after {
    left: 4px;
    top: 0.9375rem;
    width: 0.46875rem;
    z-index: 1;
    border-radius: 100% 0 0 100% / 50%;
    background: #2484DB;
    -webkit-transform: rotate(125deg);
    transform: rotate(215deg);
  }

  #icl .renewal.home .section03 .text-block1 .ladies::before {
    width: 0.9375rem;
    border-radius: 0.46875rem;
    background: #E43573;
  }

  #icl .renewal.home .section03 .text-block1 .ladies::after {
    left: 4px;
    top: 0.9375rem;
    width: 0.46875rem;
    z-index: 1;
    border-radius: 100% 0 0 100% / 50%;
    background: #D7004E;
    -webkit-transform: rotate(125deg);
    transform: rotate(215deg);
  }

  #icl .iphone .renewal.home .section03 .text-block1 .ladies::after {
    /*iphoneのみ*/
    top: 1.04375rem;
  }

  #icl .renewal.home .section03 .text-block1 .mens .kcal,
  #icl .renewal.home .section03 .text-block1 .ladies .kcal {
    font-size: 1.625390625rem;
  }

  #icl .renewal.home .section03 .text-block1 .small2 {
    margin: 1.0671875rem 0 0;
    color: #333333;
    font-size: 1.201171875rem;
    font-weight: bold;
  }

  #icl .renewal.home .section03 .text-block1 .attension {
    margin: 0.5859375rem 0 0;
    font-size: 0.7421875rem;
    line-height: 1.3736842;
  }

  #icl .renewal.home .section03 .sub-section01 {
    padding: 0 0 0.9765625rem;
    margin: 2.1484375rem 0 0;
  }

  #icl #isocal_home.renewal.home .section03 .sub-section01 {
    padding: 0 0 0.2rem;
  }

  #icl .renewal.home .section03 .sub-section02 {
    margin: 1.8359375rem 0 0;
    padding: 0 0 0.9765625rem;
  }

  #icl .renewal.home .section03 .sub-section01 .content.sp_in {
    display: inline;
  }

  #icl .renewal.home .section03 .sub-section-title {
    padding: 1.171875rem 0 1.171875rem;
    background: #FFDEE2 url('../images/top/subsection-title-bg.png');
    border-radius: 4px 4px 0 0;
    color: #E41E79;
    font-size: 1.3734375rem;
    line-height: 1.3833333;
    border-bottom: 1px solid #E41E79;
    text-align: center;
  }

  #icl .renewal.home .section03 .sub-section-title span {
    font-family: "M PLUS 1p", sans-serif;
  }

  #icl .renewal.home .section03 .sub-section-title .small {
    font-size: 1.05rem;
    line-height: 1.641741;
    font-family: "Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Sans", "ＭＳ ゴシック", sans-serif, sans-serif;
    font-weight: bold;
  }

#icl #isocal_home.renewal.home .section03 .sub-section-title {
    padding: 0.25rem 0 0.7rem;
    font-size: 3.9vw;
    line-height: 1.35;
  }

  #icl #isocal_home.renewal.home .section03 .sub-section02 .sub-section-title {
    padding: 0.25rem 0 0.2rem;
  }

  #icl #isocal_home.renewal.home .section03 .sub-section-title span {
    font-size: 4vw;
  }

  #icl #isocal_home.renewal.home .section03 .sub-section-title .small {
    font-size: 2.86vw;
    line-height: 1.6;
  }

  #icl .renewal.home .section03 .sub-section .border-text01 {
    margin: 1.3671875rem 0 0;
    color: #333333;
    font-size: 3.9vw;
    line-height: 1.6375;
    font-weight: bold;
    text-align: center;
  }

  #icl .renewal.home .section03 .sub-section .border-text01 span {
    position: relative;
  }

  #icl .renewal.home .section03 .sub-section .border-text01 span::after {
    content: "";
  }

  #icl .renewal.home .section03 .sub-section01 .content {
    display: none;
  }

  #icl .renewal.home .section03 .sub-section01 .content.sp_in {
    display: block;
    text-align: center;
    width: 100%;
    margin: 1.315625rem 0;
  }

  #icl .renewal.home .section03 .sub-section01 .content.sp_in img {
    width: 88.5985%;
    margin: 0 auto;
  }

  #icl .renewal.home .section03 .sub-section01 .attension.sp_in {
    display: block;
    margin: 1.953125rem 0 0;
    color: #333;
    font-size: 0.7421875rem;
    text-align: center;
  }

  #icl #isocal_home.renewal.home .section03 .sub-section01 .attension.sp_in {
    font-size: 2.38vw;
  }

  #icl .renewal.home .section03 .sub-section02 .image {
    width: 100%;
    margin: 1.7578125rem 0 0;
    text-align: center;
  }

  #icl .renewal.home .section03 .sub-section02 .image img {
    width: 87.142857%;
    margin: 0 0 0;
  }

  #icl .renewal.home .section03 .bottom {
    margin: 3.90625rem auto 3.0625rem;
    text-align: center;
  }

  #icl .renewal.home .section03 .bottom h4 {
    color: #E41E79;
    font-size: 1.941015625rem;
    line-height: 1.618031;
  }

  #icl .renewal.home .section03 .bottom h4 span {
    font-size: 2.133203125rem;
    line-height: 1.47225782;
    font-weight: 900;
  }

  #icl .renewal.home .section03 .bottom .text-deco-2 {
    display: inline-block;
    position: relative;
    width: 95%;
    /*margin: 1.171875rem 0 0 0;*/
    font-size: 2.5vw;
    line-height: 1.9798945;
    font-weight: bold;
    padding: 0px 1.3vw 1vw 1.2vw;
    background-size: 17vw;
  }

  #icl #isocal_home.renewal.home .section03 .bottom {
    margin: 2.9rem auto 3.0625rem;
  }

  #icl #isocal_home.renewal.home .section03 .bottom h4 {
    font-size: 4.7vw;
    letter-spacing: 0.28rem;
  }

  #icl #isocal_home.renewal.home .section03 .bottom h4 span {
    font-size: 4.8vw;
  }

  /*#isocal_home.renewal.home .section03 .bottom .text-deco-2 {
    margin: 0;
  }*/

  #icl .renewal.home .section03 .bottom .text-deco-2 span {
    position: relative;
  }

  #icl .renewal.home .section03 .bottom .text-deco-2 span::after {
    content: "";
    position: absolute;
    bottom: -0.8vw;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/top/section3-dotborder.png);
    background-size: 1.2vw;
  }

  #icl .renewal.home .section03 .bt {
    display: block;
    width: 15.6640625rem;
    height: 3.28125rem;
    margin: 3.28125rem auto 0;
    background: #fff;
    border-radius: 1.640625rem;
  }

  #icl .renewal.home .section03 .bt p {
    font-size: 1.21875rem;
    line-height: 3.28125rem;
  }

  #icl .renewal.home .section03 .bt p::after {
    content: "";
    position: absolute;
    top: 48%;
    right: 2.75rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #E41E79 transparent transparent transparent;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  #icl .renewal.home .section03 .bt.open p::after {
    top: 46%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

}

@media (max-width: 360px) {
  #icl .renewal.home .section03 .toggle-block .callout .text {
    font-size: 1.26015625rem;
  }

  #icl .text .text-deco-1 {
    font-size: 1.95078125rem;
  }

  #icl .renewal.home .section03 .sub-section-title {
    font-size: 1.2234375rem;
  }

  #icl .renewal.home .section03 .sub-section-title .small {
    font-size: 1.05rem;
  }

  #icl .renewal.home .section03 .dot-border.type2{
    font-size: 4.5vw;
  }

  #icl .renewal.home .section03 .dot-border.type2 .tigh{
    font-size: 5.5vw;
  }

  #icl .renewal.home .section03 .text-block1{
    width: 28rem;
    letter-spacing: 0.35vw;
  }

  #icl .renewal.home .section03 .text-block1 .small1{
    font-size: 3.5vw;
  }

  #icl .renewal.home .section03 .text-block1 .mens, .renewal.home .section03 .text-block1 .ladies{
    font-size: 3.8vw;
  }

  #icl .renewal.home .section03 .text-block1 .mens span, #icl .renewal.home .section03 .text-block1 .ladies span{
    font-size: 5.5vw;
  }

  #icl .renewal.home .section03 .text-block1 .mens::before,
  #icl .renewal.home .section03 .text-block1 .ladies::before{

    top: 1rem;
    left: 0;
  }


  #icl .renewal.home .section03 .text-block1 .mens::after,
  #icl .iphone .renewal.home .section03 .text-block1 .ladies::after {
    top: 0.6rem;
    left: 0.4rem;
  }
}

/*section04*/
/*section04*/
#icl .renewal.home .section04 {
  padding: 84px 0 8px;
  background: #FFF9EB;
}

#icl .renewal.home .section04 > h2 {
  color: #1F288A;
  font-size: 29.9px;
  line-height: 1.3471571;
  text-align: center;
}

#icl .renewal.home .section04 > h2 .big {
  font-size: 38px;
  /*line-height: 1.06;*/
}

#icl #isocal_home.renewal.home .section04 {
  padding: 84px 0 0;
}

#icl #isocal_home.renewal.home .section04 > h2 {
  font-size: 29px;
  line-height: 1.5;
  letter-spacing: 0px;
}

#icl #isocal_home.renewal.home .section04 > h2 span {
  font-size: 40px;
  font-weight: 900;
}

#icl #isocal_home.renewal.home .section04 > h2 .big {
  font-weight: 700;
}

#icl .renewal.home .section04 > h2 .font {
  font-size: 39.9px;
  line-height: 1.411282;
  font-weight: 800;
}

#icl .renewal.home .section04 > h2 + p {
  margin: 40px 0 0;
  font-size: 16px;
  line-height: 1.875;
  text-align: center;
  font-weight: 600;
}

#icl #isocal_home.renewal.home .section04 > h2 + p {
  font-size: 15.5px;
}

#icl .renewal.home .section04 .product-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1000px;
  margin: 88px auto 0;
}

#icl #isocal_home.renewal.home .section04 .product-block {
  margin: 88px auto 45px;
}

#icl .renewal.home .section04 .product {
  width: 50%;
  padding: 36px 19px 45px;
  border-radius: 12px;
}

#icl .renewal.home .section04 .product01 {
  background: #ABDAFF;
}

#icl .renewal.home .section04 .product02 {
  background: #FFE67C;
}

#icl .renewal.home .section04 .product > section > div {
  display: block;
}

#icl .renewal.home .section04 .product > section > .sp_in {
  display: none;
}

#icl .renewal.home .section04 .product01 > section > .produsts-image01 {
  position: relative;
  left: 18px;
}

#icl #isocal_home.renewal.home .section04 .product01 > section > .produsts-image01 {
  left: 0px;
}

#icl #isocal_home.renewal.home .section04 .product01 > section > .produsts-image01 .pc_in img {
  width: 90%;
}

#icl #isocal_home.renewal.home .section04 .product02 > section > .produsts-image02 .pc_in img {
  width: 100%;
}

#icl .renewal.home .section04 .text-deco-3 {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #1F288A;
  font-size: 22.45px;
  line-height: 1.7367483;
  font-weight: bold;
  text-align: center;
  font-weight: 800;
}

#icl .renewal.home .section04 .text-deco-3 .font {
  font-size: 27.46px;
  line-height: 1.419883;
  font-weight: 800;
}

#icl .renewal.home .section04 .text-deco-3::before,
#icl .renewal.home .section04 .text-deco-3::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  width: 22px;
  height: 28px;
}

#icl .renewal.home .section04 .text-deco-3::before {
  left: -32px;
  background: url(../images/top/text-deco3-left.png) no-repeat;
  background-size: 22px 28px;
}

#icl .renewal.home .section04 .text-deco-3::after {
  right: -32px;
  background: url(../images/top/text-deco3-right.png) no-repeat;
  background-size: 22px 28px;
}

#icl .renewal.home .section04 h3 {
  margin: 15px 0 0;
  text-align: center;
}

#icl .renewal.home .section04 .product02 h3 {
  margin: 10px 0 0;
}

#icl .renewal.home .section04 .product section {
  margin: 26px 0 0;
  padding: 0 0 46px;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}

#icl .renewal.home .section04 .product section > img {
  width: 100%;
  max-width: initial;
  max-width: unset;
  height: auto;
}

#icl .renewal.home .section04 .product02 section {
  margin: 10px 0 0;
}

#icl .renewal.home .section04 h4 {
  margin: 35px 0 0;
  color: #1F288A;
  font-size: 30px;
  text-align: center;
  font-weight: 800;
  font-family: "M PLUS 1p", sans-serif;
}

#icl .renewal.home .section04 .product02 h4 {
  margin: 22px 0 0;
}

#icl .renewal.home .section04 .feature {
  max-width: 95%;
  margin: 40px auto 0;
  padding: 0;
  text-align: center;
}

#icl #isocal_home.renewal.home .section04 h4 {
  font-size: 29.4px;
  font-family: 'Noto Sans JP','Noto Sans Japanese',sans-serif;
}

#icl #isocal_home.renewal.home .section04 .product02 h4 {
  line-height: 1.3em;
}

#icl #isocal_home.renewal.home .section04 .feature {
  max-width: 95%;
  margin: 52px auto 0;
  padding: 0;
  text-align: center;
}

#icl #isocal_home.renewal.home .section04 .product02 .feature {
  margin: 36px auto 0;
}

#icl .renewal.home .section04 .feature .feature-item:not(:first-child) {
  margin: 18px 0 0;
}

#icl .renewal.home .section04 .attention {
  width: 408px;
  max-width: 95%;
  margin: 20px auto 26px;
  font-size: 9px;
  line-height: 1.4444444;
}

#icl .renewal.home .section04 .product02 .attention {
  margin: 38px auto 0;
}

#icl .renewal.home .section04 .catch {
  margin: 52px 0 0;
  padding: 0 0 5px;
  color: #1F288A;
  font-size: 30px;
  /*font-family: "M PLUS 1p", sans-serif;*/
  line-height: 1.616666;
  font-weight: 800;
  text-align: center;
}

#icl .renewal.home .section04 .product02 .catch {
  margin: 65px 0 0;
}

#icl #isocal_home.renewal.home .section04 .attention {
  width: 408px;
  max-width: 95%;
  height: 77PX;
  margin: 20px auto 26px;
  font-size: 7.83px;
  line-height: 1.4444444;
  color: #333333;
}

#icl #isocal_home.renewal.home .section04 .catch {
  margin: 52px 0 0;
  padding: 0 0 5px;
  color: #1F288A;
  font-size: 29.4px;
  line-height: 1.616666;
  font-weight: 800;
  text-align: center;
}

#icl #isocal_home.renewal.home .section04 .catch .num_big{
  color: #1F288A;
  font-size: 50px;
}

#icl .renewal.home .section04 .catch span {
  font-size: 51px;
  line-height: 0.604901;
  font-weight: 500;
  position: relative;
  bottom: -3px;
}

#icl .renewal.home .section04 .product02 .catch span {
  left: 6px;
}

#icl .renewal.home .section04 .product02 .catch span, .renewal.home .section04 .product01 .catch span {
  font-size: 12px;
  color: black;
  text-align: center;
}

#icl #isocal_home.renewal.home .section04 .catch span.txt_added {
  font-size: 12px;
  color: black;
  text-align: center;
  left: 0px;
}

#icl .renewal.home .section04 .produsts-image {
  margin: 24px 0 0;
  text-align: center;
}

#icl .renewal.home .section04 .product02 .produsts-image {
  max-width: 90%;
  margin: 16px auto 0;
}

#icl .renewal.home .section04 .variety {
  text-align: center;
  max-width: 95%;
  margin: 71px auto 0;
}

#icl #isocal_home.renewal.home .section04 .product02 .produsts-image {
  margin: 24px auto 0;
}

#icl #isocal_home.renewal.home .section04 .variety {
  margin: 105px auto 64px;
}

#icl .renewal.home .section04 .product02 .variety {
  margin: 56px 0 0 11px;
}

#icl #isocal_home.renewal.home .section04 .product02 .variety {
  margin: 56px 0 64px 11px;
}

#icl .renewal.home .section04 .detail-link {
  display: block;
  width: 250px;
  height: 50px;
  margin: 50px auto 47px;
}

#icl .renewal.home .section04 .detail-link a {
  display: block;
  position: relative;
  width: 250px;
  height: 50px;
  background: #3239c7;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #3239c7), color-stop(82%, #1f2880));
  background: linear-gradient(to bottom, #3239c7 1%, #1f2880 82%);
  Opera12 + ,
  Safari7 + */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3239c7', endColorstr='#1f2880', GradientType=0);
  /* IE6-9 */
  border-radius: 25px;
  color: #ffffff;
  font-size: 18.39px;
  /*font-weight: bold;*/
  line-height: 50px;
  text-align: center;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

#icl .renewal.home .section04 .detail-link a:hover {
  opacity: 0.75;
}

#icl .renewal.home .section04 .detail-link a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 9px;
  border-color: transparent transparent transparent #fff;
}

#icl .renewal.home .section04 .purchase-link {
  max-width: 95%;
  margin: 0 auto 0;
  text-align: center;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

#icl .renewal.home .section04 .purchase-link:hover {
  opacity: 0.75;
}

/*@media screen and (min-width:767px) and (max-width:850px) {
  .renewal.home .section04 > h2 {
    font-size: 27.9px;
  }

  .renewal.home .section04 > h2 .big {
    font-size: 35px;
  }

  .renewal.home .section04 > h2 .font {
    font-size: 36px;
  }

  .renewal.home .section04 .produsts-image {
    margin: 65px 0 0;
    text-align: center;
  }

  .renewal.home .section04 .variety {
    margin: 92px 0 0;
  }
}

@media (min-width: 850px) and (max-width: 900px){
  .renewal.home .section04 .variety {
    margin: 6.8vw 0 17.5vw;
  }
}

@media (min-width: 900px) {
  .renewal.home .section04 .variety {
    margin: 0 0 248px;
  }
}*/

@media screen and (min-width:767px) and (max-width:799px) {
  #icl .renewal.home .section04 > h2 {
    font-size: 3.8vw;
    letter-spacing: 0.05rem;
  }

  #icl .renewal.home .section04 > h2 span{
    font-size: 5.15vw;
  }

  #icl .renewal.home .section04 > h2 .big {
    font-size: 4.5vw;
  }

  #icl .renewal.home .section04 > h2 .font {
    font-size: 36px;
  }

  #icl .renewal.home .section04 .produsts-image {
    margin: 65px 0 0;
    text-align: center;
  }
}

@media screen and (min-width:768px) and (max-width: 925px){
  #icl #isocal_home.renewal.home .section04 .variety{
    margin: 3.5vw auto 13.3vw;
  }

}

@media screen and (min-width:800px) and (max-width: 900px){
  #icl #isocal_home.renewal.home .section04 .variety{
    margin: 4vw auto 10.2vw;
  }

}

@media (max-width: 767px) {

  #icl .renewal.home .section04 {
    padding: 4rem 0 4.45rem 0;
  }

  #icl #isocal_home.renewal.home .section04 {
    padding: 4rem 0 3rem 0;
  }

  #icl .renewal.home .section04 > h2 {
    font-size: 1.5415rem;
    line-height: 1.3469997;
  }

  #icl .renewal.home .section04 > h2 .big {
    font-size: 2.1755rem;
    line-height: 1.05998991;
  }

  #icl #isocal_home.renewal.home .section04 > h2 {
    font-size: 4.5vw;
    /*letter-spacing: 0.5vw;*/
    line-height: 1.3469997;
  }

  #icl #isocal_home.renewal.home .section04 > h2 span {
    font-size: 7.2vw;
    font-weight: 900;
  }

  #icl #isocal_home.renewal.home .section04 > h2 .big {
    font-size: 5.5vw;
    line-height: 1.05998991;
  }

  #icl .renewal.home .section04 > h2 .font {
    font-size: 2.5985rem;
    line-height: 1.37930541;
  }

  #icl .renewal.home .section04 > h2 + p {
    margin: 2.6rem 0 0;
    font-size: 1rem;
    line-height: 1.78571;
  }

  #icl #isocal_home.renewal.home .section04 > h2 + p {
    margin: 1rem 0 0;
    font-size: 2.8vw;
    line-height: 1.78571;
  }


  #icl .renewal.home .section04 .product-btn-area {
    display: block;
    width: 94.79166%;
    margin: 2.5rem auto 0;
    overflow: hidden;
  }

  #icl .renewal.home .section04 .product-btn {
    position: relative;
    float: left;
    width: 48.153846%;
    height: 4.71945rem;
    color: #1F288A;
    font-size: 1.45rem;
    line-height: 4.71945rem;
    text-align: center;
    font-weight: bold;
    background: #AAD9FF;
    border: 1px solid #1F288A;
    border-radius: 3.359725rem;
  }

  #icl .renewal.home .section04 .product-btn02 {
    float: right;
    padding: 1rem 0 0;
    background: #FFE57C;
    border: 1px solid #EFBF00;
    line-height: 1.105581;
  }

  #isocal_home.renewal.home .section04 .product-btn {
    font-size: 4.5vw;
  }

  #isocal_home.renewal.home .section04 .product-btn02 {
    padding: 0.5rem 0 0;
    font-size: 1.1em;
  }

  #icl .renewal.home .section04 .product-btn::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.7778rem 0.3889rem 0 0.3889rem;
    border-color: #1F288A transparent transparent transparent;
  }

  #icl .renewal.home .section04 .product-btn span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #icl .renewal.home .section04 .product-block {
    display: block;
    margin: 3.8rem 0 0;
  }

  #icl #isocal_home.renewal.home .section04 .product-block {
    display: block;
    margin: 3.8rem 0 0;
  }

  #icl .renewal.home .section04 .product {
    display: block;
    width: 100%;
    padding: 3rem 0 3.75rem;
  }

  #icl .renewal.home .section04 .product > section > .pc_in {
    display: none;
  }

  #icl .renewal.home .section04 .product > section > .sp_in {
    display: block;
  }

  #icl .renewal.home .section04 .text-deco-3 {
    font-size: 2.85rem;
    line-height: 1.7368421;
  }

  #icl .renewal.home .section04 .text-deco-3 .font {
    font-size: 3.487rem;
    line-height: 1.4195583;
  }

  #icl .renewal.home .section04 .text-deco-3::before,
  #icl .renewal.home .section04 .text-deco-3::after {
    top: 15px;
  }

  #icl .renewal.home .section04 .product01 h3 {
    margin: 0;
    text-align: center;
  }

  #icl .renewal.home .section04 .product01 h3 img {
    width: 17.6rem;
  }

  #icl .renewal.home .section04 .product02 .catch span, .renewal.home .section04 .product01 .catch span {
    font-size: 2rem;
    color: black;
    text-align: center;
  }

  #icl .renewal.home .section04 .product section {
    width: 93.333333%;
    margin: 1.25rem auto 0;
    -webkit-box-shadow: 4px 3px 3px -3px rgba(0, 0, 0, 0.5);
    box-shadow: 4px 3px 3px -3px rgba(0, 0, 0, 0.5);
  }

  #icl .renewal.home .section04 h4 {
    margin: 3rem 0 0;
    font-size: 2.615rem;
  }

  #icl #isocal_home.renewal.home .section04 h4, #icl #isocal_home.renewal.home .section04 .product02 h4 {
    width: 86%;
    margin: 3rem auto 0;
    font-size: 7vw;
  }

  #icl #isocal_home.renewal.home .section04 .catch span.txt_added {
    font-size: 2rem;
  }

  #icl .renewal.home .section04 .feature {
    width: 91.852%;
    margin: 1.5rem auto 0;
  }

  #icl #isocal_home.renewal.home .section04 .feature {
    width: 91.852%;
    margin: 1.5rem auto 0;
  }

  #icl #isocal_home.renewal.home .section04 .product02 .feature {
    margin: 1.5rem auto 0;
  }

  #icl .renewal.home .section04 .feature .feature-item:not(:first-child) {
    margin: 1.25rem 0 0;
  }

  #icl .renewal.home .section04 .attention {
    width: 91.852%;
    margin: 1.5rem auto 0;
    font-size: 0.95rem;
    line-height: 1.3736842;
  }

  #icl .renewal.home .section04 .catch {
    margin: 8% 0 0 0;
    padding: 0 0 0;
    font-size: 2.915rem;
    line-height: 1.616892;
  }

  #icl #isocal_home.renewal.home .section04 .attention {
    width: 91.852%;
    height: auto;
    margin: 1.5rem auto 0;
    font-size: 0.95rem;
    line-height: 1.3736842;
  }

  #icl #isocal_home.renewal.home .section04 .catch {
    width: 81%;
    margin: 8% auto 0;
    padding: 0 0 0;
    font-size: 7vw;
    line-height: 1.616892;
  }

  #icl #isocal_home.renewal.home .section04 .catch .num_big{
    font-size: 12vw;
  }

  #icl .renewal.home .section04 .catch span {
    font-size: 5.0355rem;
    line-height: 0.6049152;
  }

  #icl .renewal.home .section04 .product02 .catch span {
    right: -0.8rem;
  }

  #icl .renewal.home .section04 .produsts-image {
    margin: 4% 0 0;
    text-align: center;
  }

  #icl .renewal.home .section04 .produsts-image img {
    width: 92.7293%;
  }

  #icl .renewal.home .section04 .variety {
    width: 93.1919%;
    margin: 4% auto 0;
  }

  #icl #isocal_home.renewal.home .section04 .variety {
    width: 93.1919%;
    margin: 4% auto 0;
  }

  #icl .renewal.home .section04 .variety .sp_in {
    display: block;
  }

  #icl .renewal.home .section04 .detail-link {
    width: 63%;
    margin: 3.5rem auto 2.85rem;
  }

  #icl .renewal.home .section04 .detail-link a {
    width: 100%;
  }

  #icl .renewal.home .section04 .purchase-link {
    width: 75.669642%;
    margin: 0 auto;
  }

  #icl .renewal.home .section04 .product02 {
    margin: 6.9rem auto 0;
  }

  #icl .renewal.home .section04 .product02 h3 {
    margin: 0;
  }

  #icl .renewal.home .section04 .product02 h3 img {
    width: 14.6rem;
  }

  #icl .renewal.home .section04 .product02 .produsts-image {
    margin: 1.1rem 0 0;
  }

  #icl #isocal_home.renewal.home .section04 .product02 .produsts-image {
    margin: 1.1rem 0 0;
  }

  #icl .renewal.home .section04 .product02 .feature {
    margin: 1.5rem auto 0;
  }

  #icl .renewal.home .section04 .product02 .attention {
    margin: 2rem auto 0;
  }

  #icl .renewal.home .section04 .product02 .catch {
    margin: 4rem auto 0;
  }

  #icl #isocal_home.renewal.home .section04 .product02 .catch {

    font-size: 7.5vw;
    line-height: 1.5;
  }

  #icl .renewal.home .section04 .product02 .variety {
    margin: 18px auto 0;
  }
}

@media (max-width: 360px) {
  #icl .renewal.home .section04 .product-btn {
    font-size: 1.2rem;
  }

  #icl #isocal_home.renewal.home .section04 .product-btn {
    font-size: 1.3rem;
  }

  #icl #isocal_home.renewal.home .section04 .product-btn02 {
    float: right;
    padding: 1rem 0 0;
    background: #FFE57C;
    border: 1px solid #EFBF00;
    line-height: 1.105581;
    font-size: 0.8em;
  }
}


/*section05*/
#icl .renewal.home .section05 {
  margin: -60px 0 0 0;
  padding: 193px 0 0;
  background: #FFF9EB;
}

#icl #isocal_home.renewal.home .section05 {
  margin: 0;
  padding: 0;
  background: #FFF9EB;
  padding-top: 55px
}

#icl .renewal.home .section05 .wrap {
  width: 94.4%;
  max-width: 944px;
  margin: 0 auto;
  padding: 0 0 120px;
  background: #fff0ce;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
}

/*.renewal.home .section05 h2 {
  display: block;
  position: relative;
  top: -31px;
  margin: 0 0 0 0;
  color: #1F288A;
  font-size: 23px;
  line-height: 1.92;
  text-align: center;
  background: url(../images/top/section05-ttl-bg.png) no-repeat;
  background-size: 906px 94px;
  background-position: left 50% bottom 0;
}*/

#icl #isocal_home.renewal.home .section05 .ttl_qa {
  display: block;
  position: relative;
  top: -35px;
  margin: 0 0 0 0;
  color: #1F288A;
  font-size: 23px;
  line-height: 1.92;
  text-align: center;
  background: url(../images/top/section05-ttl-bg.png) no-repeat;
  background-size: 906px 90px;
  background-position: left 50% bottom 0;
}

#icl #isocal_home.renewal.home .section05 h2 {
  position: relative;
  top: -12px;
  width: 160px;
  margin: 0 auto;
  font-size: 69px;
  line-height: 1.1184895;
  text-align: center;
  letter-spacing: 10px;
}

#icl .renewal.home .section05 h2 span {
  font-size: 69.13px;
  line-height: 1.1184895;
}

#icl .renewal.home .section05 h2 .small {
  font-size: 51.25px;
  line-height: 1.5084878;
}

#icl .renewal.home .section05 .catch {
  color: #1F288A;
  /*font-family: "M PLUS 1p", sans-serif;*/
  font-size: 32px;
  font-weight: bold;
  line-height: 1.4425;
  text-align: center;
}

#icl #isocal_home.renewal.home .section05 h2 .small {
  font-size: 51px;
  line-height: 1.5084878;
}

#icl #isocal_home.renewal.home .section05 .txt_qa {
  width: 149px;
  margin: 0 auto;
  font-size: 23px;
  line-height: 1.5084878;
  font-weight: 700;
}

#icl #isocal_home.renewal.home .section05 .catch {
  color: #1F288A;
  /*font-family: "M PLUS 1p", sans-serif;*/
  font-size: 31.36px;
  font-weight: 1000;
  line-height: 1.4425;
  text-align: center;
}

#icl .renewal.home .section05 .catch span {
  position: relative;
  top: -17px;
  font-size: 16px;
}

#icl .renewal.home .section05 .qa-block1 + .catch {
  margin: 70px 0 0;
}

#icl .renewal.home .section05 .qa-block {
  position: relative;
  width: 844px;
  max-width: 97%;
  margin: 20px auto 0;
  background: #fff;
  border-radius: 5px;
  padding: 34px 31px 25px;
}

#icl .renewal.home .section05 .qa-block .qa-display li:first-child {
  padding: 0 0 27px;
}

#icl .renewal.home .section05 .qa-block .qa-hidden {
  display: none;
}

#icl .renewal.home .section05 li {
  position: relative;
  padding: 27px 0 27px;
}

#icl .renewal.home .section05 li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: url(../images/top/section05-qa-border.png);
}

#icl .renewal.home .section05 .qa-display li:first-child::before {
  display: none;
}

#icl .renewal.home .section05 ul li .question {
  min-height: 40px;
  padding: 8px 0 0 50px;
  background: url(../images/top/section05-question.png) no-repeat;
  background-size: 44px 40px;
  background-position: left 0 top 0;
  color: #1F288A;
  font-weight: bold;
  font-size: 21px;
  line-height: 1.3904761;
  letter-spacing: 0;
}

#icl #isocal_home.renewal.home .section05 ul li .question {
  font-size: 20.58px;
}

#icl .renewal.home .section05 ul li .question .brackets {
  margin: 0 0 0 -13px;
}

#icl .renewal.home .section05 ul li .answer {
  min-height: 40px;
  margin: 12px 0 0 0;
  padding: 7px 0 0 50px;
  background: url(../images/top/section05-answer.png) no-repeat;
  background-size: 44px 40px;
  background-position: left 0 top 0;
  color: #333;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.575;
  text-align: left;
}

#icl #isocal_home.renewal.home .section05 ul li .answer {
  color: #000000;
  font-weight: 500;
  font-size: 15.68px;
}

#icl .renewal.home .section05 .qa-bt {
  position: absolute;
  left: 50%;
  bottom: -25px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 250px;
  height: 50px;
  margin: 0 auto;
  background: #3239c7;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #3239c7), color-stop(82%, #1f2880));
  background: linear-gradient(to bottom, #3239c7 1%, #1f2880 82%);
  Opera12 + ,
  Safari7 + */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3239c7', endColorstr='#1f2880', GradientType=0);
  /* IE6-9 */
  border-radius: 25px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 50px;
}

#icl .renewal.home .section05 .qa-bt::after {
  content: "";
  position: absolute;
  top: 48%;
  right: 50px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #fff transparent transparent transparent;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: rotate .4s;
  transition: rotate .4s;
}

#icl .renewal.home .section05 .qa-bt.open::after {
  top: 46%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (max-width: 1000px) {

  #icl #isocal_home.renewal.home .section05 .ttl_qa {
    font-size: 2.3vw;
  }

  #icl #isocal_home.renewal.home .section05 h2 {
    font-size: 6.9vw;
  }

  #icl #isocal_home.renewal.home .section05 h2 .small {
    font-size: 5.1vw;
  }

  #icl #isocal_home.renewal.home .section05 .txt_qa {
    font-size: 2.3vw;

  }

  #icl #isocal_home.renewal.home .section05 .catch {
    color: #1F288A;
    /*font-family: "M PLUS 1p", sans-serif;*/
    font-size: 3.136vw;
    font-weight: 1000;
    line-height: 1.4425;
    text-align: center;
  }

  #icl #isocal_home.renewal.home .section05 .catch span {
    font-size: 1.6vw;
  }
  #icl #isocal_home.renewal.home .section05 ul li .question{
    font-size: 2.058vw;
  }

  #icl #isocal_home.renewal.home .section05 ul li .answer{
    font-size: 1.568vw;
  }
}

@media (max-width: 767px) {

  #icl .renewal.home .section05 {
    margin: -6px 0 0 0;
    padding: 50px 0 0;
    background: #FFF9EB;
  }

  #icl .renewal.home .section05 .wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 120px;
    background-size: cover;
    background-position: center;
    border-radius: 0;
  }

  #icl .renewal.home .section05 h2 {
    display: block;
    position: relative;
    top: -27px;
    margin: 0 0 0 0;
    color: #1F288A;
    font-size: 1.8575rem;
    line-height: 2.11979;
    text-align: center;
    /*background: url(../images/top/section05-ttl-bg.png) no-repeat;*/
    background-size: 95.625% 42%;
    background-position: left 50% bottom 0;
  }

  #icl .renewal.home .section05 h2 span {
    font-size: 6.013rem;
    line-height: 1.1176741;
  }

  #icl .renewal.home .section05 h2 .small {
    font-size: 4.2785rem;
    line-height: 1.5087501;
  }

  #icl .renewal.home .section05 .catch {
    margin: 1rem 0 0;
    font-size: 2.2125rem;
    line-height: 1.257510;
    font-weight: 900;
  }

  #icl #isocal_home.renewal.home .section05 .ttl_qa {
    display: block;
    position: relative;
    top: -8vw;
    margin: 0 0 0 0;
    color: #1F288A;
    font-size: 5vw;
    line-height: 2.11979;
    text-align: center;
    background-size: 95.625% 42%;
    background-position: left 50% bottom 0;
  }

  #icl #isocal_home.renewal.home .section05 h2{
    width: 34%;
    margin: 0 auto;
    top: 0px;
    font-size: 13vw;
    line-height: 1.1176741;
  }

  #icl #isocal_home.renewal.home .section05 h2 span {
    font-size: 13vw;
    line-height: 1.1176741;
  }

  #icl #isocal_home.renewal.home .section05 h2 .small {
    font-size: 10vw;
    line-height: 1.5087501;
  }

  #icl #isocal_home.renewal.home .section05 .txt_qa {
    width: 100%;
    margin: 0 auto;
    font-size: 5vw;
    font-weight: 700;
  }

  #icl #isocal_home.renewal.home .section05 .catch01 {
    margin: 1rem auto 0;
    font-size: 6vw;
    font-weight: 1000;
    width: 76%;
    line-height: 1;
  }

  #icl #isocal_home.renewal.home .section05 .catch02 {
    margin: 1rem auto 0;
    font-size: 6.07vw;
    font-weight: 1000;
    width: 70%;
    line-height: 1.257510;
  }

  #icl .renewal.home .section05 .catch span {
    position: relative;
    top: -10px;
    font-size: 0.8125rem;
    ;
  }

  #icl .renewal.home .section05 .qa-block1 + .catch {
    margin: 70px 0 0;
  }

  #icl #isocal_home.renewal.home .section05 .qa-block1 + .catch {
    margin: 65px auto 0;
  }

  #icl .renewal.home .section05 .qa-block {
    position: relative;
    width: 90.1041%;
    margin: 1.1375rem auto 0;
    background: #fff;
    border-radius: 5px;
    padding: 1.95625rem 1.17375rem 3.756rem;
  }

  #icl .renewal.home .section05 .qa-block .qa-hidden {
    display: none;
  }

  #icl .renewal.home .section05 li {
    position: relative;
    padding: 0.79125rem 0 0.79125rem;
  }

  #icl .renewal.home .section05 .qa-block .qa-display li:first-child {
    padding: 0 0 0.79125rem;
  }

  #icl .renewal.home .section05 li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 95%;
    height: 2px;
    background: url(../images/top/section05-qa-border.png);
  }

  #icl .renewal.home .section05 .qa-display li:first-child::before {
    display: none;
  }

  #icl .renewal.home .section05 ul li .question {
    min-height: 2.0345rem;
    padding: 8px 0 0 2.63975rem;
    background: url(../images/top/section05-question.png) no-repeat;
    background-size: 2.23975rem 2.0345rem;
    background-position: left 0 top 9px;
    color: #1F288A;
    font-weight: bold;
    font-size: 1.365rem;
    line-height: 1.73;
    letter-spacing: 0;
  }

  #icl #isocal_home.renewal.home .section05 ul li .question {
    min-height: 2.0345rem;
    padding: 0px 0 0 2.63975rem;
    font-weight: 700;
    font-size: 4.3vw;
    line-height: 1.4;
    letter-spacing: 0;
  }
  #icl #isocal_home.renewal.home .section05 .qa-display1 li .question {
    font-size: 4.5vw;
  }

  #icl .renewal.home .section05 ul li .question .brackets {
    margin: 0 0 0 -0.85rem;
  }

  #icl .renewal.home .section05 ul li .answer {
    min-height: 2.0345rem;
    margin: 0px 0 0 0;
    padding: 7px 0 10px 2.63975rem;
    background: url(../images/top/section05-answer.png) no-repeat;
    background-size: 2.23975rem 2.0345rem;
    background-position: left 0 top 5px;
    color: #333;
    font-weight: bold;
    font-size: 1.032rem;
    line-height: 1.5375;
  }

 #icl #isocal_home.renewal.home .section05 ul li .answer {
    min-height: 2.0345rem;
    margin: 0px 0 0 0;
    padding: 7px 0 10px 2.63975rem;
    background: url(../images/top/section05-answer.png) no-repeat;
    background-size: 2.23975rem 2.0345rem;
    background-position: left 0 top 5px;
    color: #000000;
    font-size: 3.8vw;
    line-height: 1.5375;
  }

 #icl #isocal_home.renewal.home .section05 .qa-display1 li .answer01, #isocal_home.renewal.home .section05 .qa-display1 li .answer02, #isocal_home.renewal.home .section05 .qa-display2 li .answer01, #isocal_home.renewal.home .section05 .qa-display2 li .answer02{
    font-size: 3.5vw;
  }

  #icl .renewal.home .section05 .qa-bt {
    position: absolute;
    left: 50%;
    bottom: -25px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 250px;
    height: 50px;
    margin: 0 auto;
    background: #3239c7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #3239c7), color-stop(82%, #1f2880));
    background: linear-gradient(to bottom, #3239c7 1%, #1f2880 82%);
    Opera12 + ,
    Safari7 + */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3239c7', endColorstr='#1f2880', GradientType=0);
    /* IE6-9 */
    border-radius: 25px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 50px;
  }

  #icl .renewal.home .section05 .qa-bt::after {
    content: "";
    position: absolute;
    top: 48%;
    right: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: rotate .4s;
    transition: rotate .4s;
  }

  #icl .renewal.home .section05 .qa-bt.open::after {
    top: 46%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

/*section06*/
#icl .renewal.home .section06 {
  padding: 112px 0 0;
}

#icl .renewal.home .section06 .inner {
  padding: 0;
  background: url(../images/top/section06-bg.png);
}
#icl .renewal.home .section06 .trial_banner{
  background: url(../images/top/section06-bg_01.png);
}
#icl .renewal.home .section06 .trial_banner div:first-child{
  padding-top: 40px;
}
#icl .renewal.home .section06 .trial_banner div:last-child{
  padding-bottom: 75px;
}
#icl .renewal.home .section06 .reborn3 {
  display: block;
  position: relative;
  top: -31px;
  z-index: 1;
  width: 286px;
  height: 66px;
  padding: 2px 0 0;
  margin: 0 auto 0;
  background: url(../images/top/section06-title-ribbon01.png);
  background-size: 100%;
  background-position: center;
  text-align: center;
}

#icl .renewal.home .section06 .reborn3 span {
  display: block;
  position: relative;
  padding: 6px 0 0;
  -webkit-transform: rotate(-6deg);
  transform: rotate(-6deg);
  color: #fff;
  font-size: 20px;
  text-align: center;
}

#icl .renewal.home .section06 .special-link {
  display: block;
  max-width: 890px;
  width: 100%;
  margin: 40px auto 0;
  text-align: center;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

#icl .renewal.home .section06 .special-link:hover {
  opacity: 0.75;
}

#icl .renewal.home .section06 .special-link02 {
  margin: 48px auto 0;
}

#icl .renewal.home .section06 .special-link img {
  -webkit-box-shadow: 7px 6px 6px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 7px 6px 6px -3px rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
  #icl .renewal.home .section06 {
    padding: 80px 0 0;
  }

  #icl .renewal.home .section06 .inner {
    background: url(../images/top/section06-bg.png);
  }

  #icl .renewal.home .section06 .reborn3 {
    display: block;
    position: relative;
    top: -20px;
    z-index: 1;
    width: 19.053875rem;
    height: 4.10375rem;
    padding: 2px 0 0;
    margin: 0 auto 0;
    background: url(../images/top/section06-title-ribbon01-sp.png);
    background-size: 100%;
    background-position: center;
    text-align: center;
  }

  #icl .renewal.home .section06 .reborn3 span {
    display: block;
    position: relative;
    padding: 4px 0 0;
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
    color: #fff;
    font-size: 1.334945rem;
    text-align: center;
  }

  #icl .renewal.home .section06 .special-link {
    display: block;
    width: 80.7291%;
    margin: 0 auto 0;
    text-align: center;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }

  #icl .renewal.home .section06 .special-link02 {
    margin: 44px auto 0;
  }

  #icl .renewal.home .section06 .special-link:hover {
    opacity: 0.75;
  }

  #icl .renewal.home .section06 .special-link img.sp_in {
    display: block;
    -webkit-box-shadow: 7px 6px 6px -3px rgba(0, 0, 0, 0.5);
    box-shadow: 7px 6px 6px -3px rgba(0, 0, 0, 0.5);
  }
}

#icl .renewal.home .trialbanner-block {
  margin: 67px 0 67px;
  background: #FFF9EB;
}

#icl .renewal .trialbanner {
  display: block;
  width: 814px;
  max-width: 98%;
  margin: 0 auto;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  pointer-events: none;

}

#icl .renewal.home .trialbanner.on {
  pointer-events: auto;
}

#icl .renewal.home .trialbanner.on:hover {
  opacity: 0.75;
}

#icl .renewal.home .trialbanner a {
  display: block;
}

#icl .renewal.home .trialbanner a.sp_in {
  display: none;
}

/*top svg image*/

#icl .svg {
  position: relative;
  max-width: 100%;
  vertical-align: middle;
}

#icl .svg001 {
  width: 43.6px;
}

#icl .svg002 {
  width: 78px;
}

#icl .svg003 {
  width: 52px;
}

#icl .svg004 {
  width: 54px;
}

#icl .svg005 {
  width: 29px;
}

#icl .svg006 {
  width: 54px;
}

#icl .svg007 {
  top: 4px;
  left: 4px;
  width: 93px;
}

#icl .svg008 {
  width: 88px;
}

#icl .svg009 {
  top: -2px;
  left: 1px;
  width: 37px;
}

#icl .svg010 {
  width: 75px;
}

#icl .svg011 {
  top: 7px;
  width: 463px;
}

#icl .svg012 {
  width: 200px;
}

#icl .svg013 {
  left: -44px;
  width: 737px;
}

#icl .svg014 {
  width: 169px;
  position: relative;
  left: 7px;
}

#icl .svg015 {
  top: 12px;
  left: 2px;
  width: 95px;
}

#icl .svg016 {
  width: 632px;
}

#icl .svg017 {
  width: 487px;
}

#icl #isocal_home .svg017 {
  width: 43px;
  top: -3px;
}

#icl .svg018 {
  top: 0px;
  width: 774px;
}

#icl .svg019 {
  width: 735px;
}

#icl .svg020 {
  left: -23px;
  width: 545px;
}

#icl .svg021 {
  width: 735px;
}

#icl .svg022 {
  width: 455px;
}

#icl .svg023 {
  bottom: 4px;
  width: 622px;
}

#icl .svg024 {
  width: 410px;
}

#icl .svg025 {
  width: 625px;
}

#icl .svg026 {
  width: 363px;
}

#icl .svg027 {
  width: 463px;
}

#icl .svg028 {
  width: 741px;
}

#icl .svg029 {
  width: 33px;
}

#icl .svg030 {
  width: 80px;
}

#icl .svg031 {
  width: 800px;
}

#icl .svg032 {
  width: 606px;
}

#icl .svg033 {
  width: 107px;
}

#icl .svg034 {
  width: 326px;
}

#icl .svg035 {
  width: 399px;
}

#icl .svg036 {
  width: 290px;
}

#icl .svg037 {
  width: 149px;
}

#icl .svg038 {
  width: 137px;
}

#icl .svg039 {
  width: 265px;
}

#icl .svg040 {
  width: 376px;
}

#icl .svg041 {
  width: 276px;
}

#icl .svg042 {
  width: 147px;
  margin: 0 0 15px;
}

#icl .svg043 {
  width: 388px;
}

#icl .svg044 {
  width: 465px;
}

#icl .svg045 {
  width: 421px;
}

#icl .svg046 {
  width: 530px;
}

#icl .svg047 {
  width: 200px;
}

#icl .svg048 {
  width: 673px;
}

#icl .svg049 {
  width: 552px;
}

#icl .svg050 {
  width: 435px;
}

#icl .svg051 {
  width: 489px;
}

#icl .svg052 {
  width: 567px;
}

#icl .svg053 {
  width: 429px;
}

#icl .svg054 {
  width: 497px;
}

#icl .svg055 {
  width: 300px;
}

#icl .svg056 {
  width: 167px;
}

#icl .svg057 {
  width: 575px;
}

#icl .svg058 {
  width: 611px;
}

#icl .svg059 {
  width: 453px;
}

#icl .svg060 {
  width: 702px;
}

#icl .svg061 {
  width: 685px;
}

#icl .svg062 {
  width: 652px;
}

#icl .svg063 {
  width: 441px;
}

#icl .svg064 {
  width: 649px;
}

#icl .svg065 {
  width: 602px;
}

#icl .svg066 {
  width: 577px;
}

#icl .svg067 {
  width: 524px;
}

#icl .svg068 {
  width: 635px;
}

#icl .svg069 {
  width: 720px;
}

#icl .svg070 {
  width: 477px;
}

#icl .svg071 {
  width: 587px;
}

#icl .svg072 {
  width: 78px;
}

#icl .svg073 {
  width: 32px;
}

#icl .svg074 {
  width: 71px;
}

#icl .svg075 {
  width: 95px;
}

#icl .svg076 {
  width: 100px;
}

#icl .svg077 {
  width: 76px;
}

#icl .svg081 {
  width: 369px;
}

#icl .svg082 {
  width: 179px;
}

#icl .svg083 {
  width: 147px;
}

#icl .svg084 {
  width: 137px;
}

#icl .svg085 {
  width: 136px;
}

#icl .svg086 {
  width: 76px;
}

#icl .svg087 {
  width: 117px;
}

#icl .svg087.tablet {
  display: none;
}

#icl .svg088 {
  margin-top: 2%;
  width: 67%;
}

#icl .gift-campaign-svg001 {
  width: 96px;
}

#icl .gift-campaign-svg002 {
  width: 59px;
}

#icl .gift-campaign-svg003 {
  width: 35px;
}

#icl .gift-campaign-svg004 {
  width: 132px;
}

#icl .gift-campaign-svg005 {
  width: 799px;
}

#icl .gift-campaign-svg006 {
  width: 357px;
}

#icl .gift-campaign-svg007 {
  width: 542px;
}

#icl .gift-campaign-svg008 {
  width: 458px;
}

#icl .gift-campaign-svg009 {
  width: 547px;
}

#icl .gift-campaign-svg010 {
  width: 801px;
  max-width: 80%;
}

#icl .gift-campaign-svg011 {
  width: 367px;
}

#icl .gift-campaign-svg012 {
  width: 533px;
}

#icl .gift-campaign-svg013 {
  width: 468px;
}

#icl .gift-campaign-svg014 {
  width: 81px;
}

#icl .gift-campaign-svg015 {
  width: 897px;
}

#icl .gift-campaign-svg019 {
  width: 400px;
}

@media screen\0 {
  #icl .svg007 {
    top: 4px;
    left: 4px;
    width: 72px;
  }

  #icl .svg008 {
    width: 65px;
  }
}

@media (max-width: 1010px) {
  #icl .svg007 {
    top: 0.2rem;
    left: 0.4rem;
    width: 50px;
  }

  #icl .svg008 {
    top: -0.1rem;
    width: 54px;
  }

  #icl .svg087 {
    width: 86px;
    margin: auto;
  }

  #icl .svg087.pc {
    display: none;
  }

  #icl .svg087.tablet {
    display: block;
  }

  #icl .modal_productItem_btn.first {
    padding: 11px 0 11px;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {

  #icl .svg001 {
    width: 22%;
  }

  #icl .svg002 {
    width: 58%;
  }

  #icl .svg003 {
    width: 43%;
  }

  #icl .svg004 {
    width: 25%;
  }

  #icl .svg005 {
    width: 16%;
  }

  #icl .svg006 {
    width: 63%;
  }

  #icl .svg007 {
    top: 0.2rem;
    left: 0.4rem;
    width: 55%;
  }

  #icl .svg008 {
    top: -0.1rem;
    width: 34%;
  }

  #icl .svg009 {
    top: -0.1rem;
    left: 0rem;
    width: 70%;
  }

  #icl .svg010 {
    width: 74px;
  }

  #icl .svg011 {
    width: 100%;
  }

  #icl .svg012 {
    width: 200px;
  }

  #icl .svg013 {
    left: 0;
    width: 100%;
  }

  #icl .svg014 {
    width: 36%;
    position: relative;
    left: 0.2rem;
  }

  #icl .svg015 {
    top: 0.2rem;
    left: -0.2rem;
    width: 37%;
  }

  #icl .svg016 {
    width: 90%;
  }

  #icl .svg017 {
    width: 487px;
  }

  #icl #isocal_home .svg017 {
    width: 40px;
  }

  #icl .svg018 {
    top: 0px;
    width: 77%;
  }

  #icl .svg019 {
    width: 88%;
  }

  #icl .svg020 {
    left: 0;
    width: 88%;
  }

  #icl .svg021 {
    width: 94%;
  }

  #icl .svg022 {
    width: 455px;
  }

  #icl .svg023 {
    bottom: 0.4rem;
    width: 88%;
  }

  #icl .svg024 {
    width: 71%;
  }

  #icl .svg025 {
    width: 89%;
  }

  #icl .svg026 {
    width: 60%;
  }

  #icl .svg027 {
    width: 65%;
  }

  #icl .svg028 {
    width: 100%;
  }

  #icl .svg029 {
    width: 17%;
  }

  #icl .svg030 {
    width: 44%;
  }

  #icl .svg031 {
    width: 80%;
  }

  #icl .svg032 {
    width: 80%;
  }

  #icl .svg033 {
    width: 107px;
  }

  #icl .svg034 {
    width: 83%;
  }

  #icl .svg035 {
    width: 399px;
  }

  #icl .svg036 {
    width: 73%;
  }

  #icl .svg037 {
    top: -0.4rem;
    width: 60%;
  }

  #icl .svg038 {
    width: 137px;
  }

  #icl .svg039 {
    width: 265px;
  }

  #icl .svg040 {
    width: 399px;
  }

  @media (max-width: 767px) {
     #icl .svg040 {
      width: 100%;
    }

    #icl .svg035{
      width: 100%;
    }

  }

  #icl .svg041 {
    width: 78%;
  }

  #icl .svg042 {
    width: 33%;
    margin: 0 0 1rem;
  }

  #icl .svg043 {
    width: 73%;
  }

  #icl .question img,
  #icl .answer img {
    margin: 0.3rem 0 0;
  }

  #icl .svg044 {
    width: 67%;
  }

  #icl .svg045 {
    width: 100%;
  }

  #icl .svg046 {
    width: 90%;
  }

  #icl .svg047 {
    width: 200px;
  }

  #icl .svg048 {
    width: 100%;
  }

  #icl .svg049 {
    width: 94%;
  }

  #icl .svg050 {
    width: 100%;
  }

  #icl .svg051 {
    width: 76%;
  }

  #icl .svg052 {
    width: 100%;
  }

  #icl .svg053 {
    width: 63%;
  }

  #icl .svg054 {
    width: 100%;
  }

  #icl .svg055 {
    width: 82%;
  }

  #icl .svg056 {
    width: 50%;
  }

  #icl .svg057 {
    width: 65%;
  }

  #icl .svg058 {
    width: 96%;
  }

  #icl .svg059 {
    width: 100%;
  }

  #icl .svg060 {
    width: 98%;
  }

  #icl .svg061 {
    width: 728px;
  }

  #icl .svg062 {
    width: 96%;
  }

  #icl .svg063 {
    width: 100%;
  }

  #icl .svg064 {
    width: 96%;
  }

  #icl .svg065 {
    width: 100%;
  }

  #icl .svg066 {
    width: 96%;
  }

  #icl .svg067 {
    width: 100%;
  }

  #icl .svg068 {
    width: 96%;
  }

  #icl .svg069 {
    width: 716px;
  }

  #icl .svg070 {
    width: 96%;
  }

  #icl .svg071 {
    width: 587px;
  }

  #icl .svg072 {
    width: 78px;
  }

  #icl .svg073 {
    width: 32px;
  }

  #icl .svg074 {
    width: 63%;
  }

  #icl .svg075 {
    width: 79%;
  }

  #icl .svg076 {
    width: 78%;
  }

  #icl .svg077 {
    width: 64%;
  }

  #icl .svg078 {
    width: 50%;
  }

  #icl .svg079 {
    width: auto;
    max-width: 65%;
    max-height: calc(100% - 0rem);
    top: -0.3rem;
  }

  #icl .svg080 {
    width: auto;
    max-width: 72%;
    max-height: calc(100% - 0rem);
    top: -0.2rem;
  }

  #icl .svg081 {
    width: 369px;
  }

  #icl .svg082 {
    width: 179px;
  }

  #icl .svg083 {
    width: 114px;
  }

  #icl .svg084 {
    width: 116px;
  }

  #icl .svg085 {
    width: 111px;
  }

  #icl .svg086 {
    width: 76px;
  }

  #icl .svg087 {
    width: 95px;
    left: 0px;
  }

  #icl .svg087.pc {
    display: block;
  }

  #icl .svg087.tablet {
    display: none;
  }

  #icl .modal_productItem_btn.first {
    padding: 6px 0 5px;
    padding-right: 15px;
  }

  #icl .gift-campaign-svg001 {
    top: -0.5rem;
    width: 16.5rem;
  }

  #icl .gift-campaign-svg002 {
    top: 0.5rem;
    width: 8.6rem;
  }

  #icl .gift-campaign-svg003 {
    width: 5rem;
    top: 0.5rem;
  }

  #icl .gift-campaign-svg004 {
    top: -0.1rem;
    width: 8rem;
  }

  #icl .gift-campaign-svg005 {
    width: 2rem;
  }

  #icl .gift-campaign-svg006 {
    width: 19.4rem;
  }

  #icl .gift-campaign-svg007 {
    width: 27rem;
  }

  #icl .gift-campaign-svg008 {
    width: 28.7rem;
  }

  #icl .gift-campaign-svg009 {
    width: 2rem;
  }

  #icl .gift-campaign-svg010 {
    width: 100%;
    max-width: 100%;
  }

  #icl .gift-campaign-svg011 {
    width: 23rem;
  }

  #icl .gift-campaign-svg012 {
    width: 26.98rem;
  }

  #icl .gift-campaign-svg013 {
    width: 30rem;
  }

  #icl .gift-campaign-svg013-close {
    width: 30rem;
  }

  #icl .gift-campaign-svg014 {
    width: 5rem;
  }

  #icl .gift-campaign-svg015 {
    width: 30.4rem;
  }

  #icl .gift-campaign-svg016 {
    width: 51%;
    top: 0.3rem;
  }

  #icl .gift-campaign-svg017 {
    width: 6.4rem;
  }

  #icl .gift-campaign-svg018 {
    width: 3.9rem;
  }

  #icl .gift-campaign-svg019 {
    width: 26.9rem;
  }

}

@media (max-width: 560px) {
  #isocal_home .svg017{
    width: 7vw;
    top: 0.35vw;
  }
}

#icl .renewal.home .site_footer .container {
  padding: 7.65625rem 0 0;
}

@media (max-width: 767px) {
  #icl .renewal .trialbanner-block {
    margin: 0;
    padding: 0 0 5.39925rem;
    background: #FFF9EB;
  }

  #icl .renewal .trialbanner {
    display: block;
    width: 96.3958%;
    margin: 0 0 0 3%;
  }

  #icl .renewal.home .trialbanner a.pc_in {
    display: none;
  }

  #icl .renewal.home .trialbanner a.sp_in {
    display: block;
  }

  #icl .renewal.home {
    padding: 7.65625rem 0 0;
  }

  #icl .renewal.home .siteHeader {
    position: fixed;
    height: 0;
    background: none;
  }

  #icl .renewal.home .siteHeader .siteHeader__group.logo {
    display: none!important;
  }

  #icl .renewal.home .siteHeader .btn_spMenu {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
  }

  #icl .renewal.-spMenuOpn .siteHeader .btn_spMenu {
    display: block;
    opacity: 1;
  }

  #icl .renewal.home .siteHeader__body {
    position: absolute;
  }

  #icl .renewal.home .siteHeader__linkCampaign_sp,
  #icl .renewal.home .siteHeader__linkPurchace_sp,
  #icl .renewal.home .sitrHeader_news {
    display: none;
  }

  #icl .renewal.home .site_footer .container {
    padding: 0 0 22%;
  }
}

/*gift-campaing*/
#icl #gift-campaign {
  margin: -76px 0 0;
  padding: 152px 0 0;
}

#icl #gift-campaign .siteHeader {
  height: 76px;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

#icl #gift-campaign .siteHeader__body {
  max-width: 1121px;
}

#icl #gift-campaign .siteHeader .logo {
  margin: 14px 0 0 0;
}

#icl #gift-campaign ._gNavList._spMenu__body {
  display: block;
  width: calc(100% - 148px);
  margin: 11px 0 0 51px;
  font-size: 0;
  text-align: center;
}

#icl #gift-campaign ._gNavList__item {
  display: inline-block;
  width: 136px;
  height: 43px;
  padding: 0;
  vertical-align: top;
}

#icl #gift-campaign .siteHeader ._spMenu .logo {
  display: none;
}

#icl #gift-campaign ._gNavList__item a {
  width: 100%;
  padding: 26px 0 0;
}

#icl #gift-campaign .siteHeader__group.action_spMenu {
  width: calc(100% - 135px);
}

#icl #gift-campaign ._gNav__item.-purchace {
  margin: 8px 0 0;
}


#icl #gift-campaign ._siteContents .mainvisual img {
  width: 100%;
  height: auto;
}

#icl #gift-campaign .gift-set {
  position: relative;
  margin: 0 auto;
  padding: 115px 0 0;
  background-image: url(../images/gift-campaign/section01-bg01.png);
  background-size: cover;
}

#icl #gift-campaign #section03 {
  padding: 115px 0 120px;
}

#icl #gift-campaign .gift-set .wrap {}

#icl #gift-campaign .gift-set .ribbon-snow {
  position: relative;
  width: 293px;
  height: 86px;
  margin: 0 auto;
  background: url(../images/gift-campaign/rebbon-snow.png) no-repeat;
  background-size: cover;
}

#icl #gift-campaign .gift-set .ribbon-snow span {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 21.43px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  letter-spacing: 0.25em;
  white-space: nowrap;
}

#icl #gift-campaign .gift-set .contents {
  width: 90.93%;
  max-width: 1000px;
  margin: -39px auto 0;
  padding: 0 0 93px;
  background: #fff url(../images/gift-campaign/section01-bg02.png);
  background-repeat: no-repeat;
  background-position: center 63px;
  background-size: 100% 77%;
  border-radius: 36px;
}

#icl #gift-campaign .gift-set .contents .catch {
  display: inline-block;
  position: relative;
  left: 50%;
  margin: 102px 0 0;
  font-size: 47.81px;
  color: #1f288a;
  text-align: center;
  letter-spacing: 0.05em;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#icl #gift-campaign .gift-set .contents .catch img {
  margin: 0 12px 0;
  position: relative;
  top: -7px;
  vertical-align: middle;
}

#icl #gift-campaign .gift-set .contents .catch::before,
#icl #gift-campaign .gift-set .contents .catch::after {
  /*content: "";*/
  display: block;
  position: absolute;
  width: 51px;
  height: 59px;
}

#icl #gift-campaign .gift-set .contents .catch::before {
  top: 24px;
  left: -47px;
  background-image: url(../images/gift-campaign/section01-title-left.png);
}

#icl #gift-campaign .gift-set .contents .catch::after {
  top: 24px;
  right: -43px;
  background-image: url(../images/gift-campaign/section01-title-right.png);
}

#icl #gift-campaign .gift-set .contents .set-detail {
  padding: 48px 0 0;
}

#icl #gift-campaign .gift-set .contents .set-detail .type {
  margin: 0 0 0;
  color: #1f288a;
  font-size: 26.4px;
  text-align: center;
  font-weight: 800;
  line-height: 1;
}

#icl #gift-campaign .gift-set .contents .set-detail .type .din {
  font-size: 33px;
  letter-spacing: -0.05em;
}

#icl #gift-campaign .gift-set .contents .set-detail .set {
  margin: 13px 0 0;
  position: relative;
  color: #1f288a;
  font-size: 39.6px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
}

#icl #gift-campaign .gift-set .contents .set-detail .set::after {
  /*content: "";*/
  display: block;
  width: 543px;
  height: 25px;
  margin: -14px auto 0;
  background-image: url(../images/gift-campaign/section01-set-border.png);
  background-size: cover;
}

#icl #gift-campaign .gift-set .contents .set-detail .period {
  margin: 26px 0 0;
  text-align: center;
}

#icl #gift-campaign .gift-set .contents .set-detail .period p {
  display: inline-block;
  color: #1f288a;
  line-height: 23px;
}

#icl #gift-campaign .gift-set .contents .set-detail .period p:first-child {
  position: relative;
  top: -3px;
  height: 23px;
  /* margin: 0px 0 0; */
  padding: 0 5px 0;
  border: 2px solid #1f288a;
  border-radius: 3px;
  line-height: 19px;
  font-size: 13px;
}

#icl #gift-campaign .gift-set .contents .set-detail .period p:last-child {
  font-size: 22px;
  margin: 0 0 0 18px;
  letter-spacing: 0;
}

#icl #gift-campaign .gift-set .contents .set-detail .gift-image {
  margin: 45px 0 0;
  text-align: center;
}

#icl #gift-campaign .gift-set .contents .set-detail .gift-image p {
  color: #1f288a;
  line-height: 10px;
  text-align: right;
}

#icl #gift-campaign .gift-set .contents .set-detail .detail {
  margin: 18px 0 0;
  text-align: center;
}

#icl #gift-campaign .gift-set .contents .set-detail .attention {
  display: block;
  width: 543px;
  max-width: auto;
  margin: 24px auto 0;
  color: #1f288a;
  font-size: 10px;
  line-height: 1.6;
}

#icl #gift-campaign .gift-set .contents .price {
  margin: 118px 0 0;
  text-align: center;
}

#icl #gift-campaign .gift-set .contents .price .box {
  overflow: hidden;
  width: 90%;
  max-width: 800px;
  margin: 0px auto 0;
}

#icl #gift-campaign .gift-set .contents .price .free {
  display: block;
  float: left;
  position: relative;
  width: 66px;
  height: 66px;
  background: #1f288a;
  border-radius: 6px;
}

#icl #gift-campaign .gift-set .contents .shipping.pc_in {
  display: block;
  width: 98%;
  max-width: 800px;
  margin: 31px auto 0;
  font-size: 14px;
  text-align: center;
}

#icl #gift-campaign .gift-set .contents .price .free span {
  width: 66px;
  top: 50%;
  left: 50%;
  position: absolute;
  color: #fff;
  font-size: 17.48px;
  line-height: 1.43;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  letter-spacing: 0.25em;
}

#icl #gift-campaign .gift-set .contents .price .set {
  float: left;
  margin: -5px 0 0 12px;
  color: #1f288a;
  font-weight: bold;
  line-height: 0;
}

#icl #gift-campaign .gift-set .contents .price .set .type {
  font-size: 17px;
  letter-spacing: 0.04em;
}

#icl #gift-campaign .gift-set .contents .price .set .limited {
  font-size: 38px;
  line-height: 1;
}

#icl #gift-campaign .gift-set .contents .price .yen {
  float: left;
  color: #e97e13;
  font-size: 33.71px;
  font-weight: 900;
  line-height: 1;
}

#icl #gift-campaign .gift-set .contents .price .yen .din {
  font-size: 88px;
  letter-spacing: -0.04em;
  line-height: 0.8;
}

#icl #gift-campaign .gift-set .contents .bottom {
  width: 98%;
  max-width: 800px;
  margin: 34px auto 0;
  overflow: hidden;
}

#icl #gift-campaign .gift-set .contents .bottom .tel {
  float: left;
  width: 369px;
  margin: -6px 0 0;
}

#icl #gift-campaign .gift-set .contents .bottom .tel .order {
  width: 100%;
  height: 40px;
  padding: 0 0 0 28px;
  background-image: url(../images/gift-campaign/section01-bg-order.png);
  color: #1f288a;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  text-align: left;
  letter-spacing: 0.07em;
}

#icl #gift-campaign .gift-set .contents .bottom .tel .number {
  color: #1f288a;
  font-size: 52px;
  font-weight: bold;
  line-height: 0.8;
  letter-spacing: 0;
}

#icl #gift-campaign .gift-set .contents .bottom .tel .number::before {
  content: "";
  display: inline-block;
  width: 44px;
  height: 38px;
  margin: 0 8px 0 0;
  background: url(../images/gift-campaign/section01-tel.png);
}

#icl #gift-campaign .gift-set .contents .bottom .tel .reception {
  margin: 5px 0 0;
  color: #1f288a;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
}

#icl #gift-campaign .gift-set .contents .bottom .tel .reception .din {}

#icl #gift-campaign .gift-set .contents .bottom .purchase {
  float: right;
  width: 380px;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}

#icl #gift-campaign .gift-set .contents .bottom .purchase:hover {
  opacity: 0.6;
}

#icl #gift-campaign .gift-set .message {
  background: url(../images/gift-campaign/section01-bg03.png);
  background-size: cover;
  padding: 159px 0 100px;
}

#icl #gift-campaign .gift-set .message .text {
  width: 86%;
  max-width: 732px;
  margin: 0 auto 0;
  padding: 0 0 0;
}

#icl #gift-campaign .gift-set .message .text h3 {
  color: #1f288a;
  font-size: 40px;
  line-height: 1.75;
  letter-spacing: 0.18em;
  margin: 13px 0 0 0;
}

#icl #gift-campaign .gift-set .message .text p {
  color: #1f288a;
  font-size: 18px;
  line-height: 2;
  font-weight: bold;
  margin: 36px 0 0 7px;
  letter-spacing: 0.03em;
}

#icl #gift-campaign .gift-set .message .text .first {
  margin: 78px 0 0 12px;
}

#icl #gift-campaign .gift-set .message .text .more {
  display: none;
}

#icl #gift-campaign .gift-set .message .text p span {
  margin: 0 0 0 -7px;
}

#icl #gift-campaign .gift-set .movie {
  position: relative;
  background: url(../images/gift-campaign/section01-bg04.png);
  background-size: 100% 100%;
  margin: -1% 0 0;
  padding: 152px 0 158px;
}

#icl #gift-campaign .gift-set .movie .wrap {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

#icl #gift-campaign .gift-set .movie .wrap::before {
  content: "";
  position: absolute;
  display: block;
  top: -268px;
  right: 112px;
  right: 9.334%;
  width: 370px;
  height: 140px;
  background: url(../images/gift-campaign/section01-people.png);
  background-size: cover;
}

#icl #gift-campaign .gift-set .movie .ribbon {
  position: relative;
  width: 247px;
  height: 39px;
  margin: 0 auto 0;
  background: url(../images/gift-campaign/rebbon.png);
  background-size: cover;
  letter-spacing: 0.25em;
}

#icl #gift-campaign .gift-set .movie .ribbon span {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 19.29px;
  line-height: 39px;
  text-align: center;
}

#icl #gift-campaign .gift-set .movie .flame {
  width: 624px;
  height: 362px;
  margin: 27px auto 0;
  background: url(../images/gift-campaign/section-movie-flame.png);
}

#icl #gift-campaign .gift-set .movie #movie {
  position: relative;
  top: 12px;
  margin: 0 auto 0;
  width: 600px;
  height: 0;
  padding: 338px 0 0;
}

#icl #gift-campaign .gift-set .movie #movie iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

#icl #gift-campaign .section04 {
  padding: 122px 0 121px;
}

#icl #gift-campaign .section04 h2 {
  display: inline-block;
  position: relative;
  left: 50%;
  font-size: 20px;
  line-height: 2;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#icl #gift-campaign .section04 h2 .mplus {
  font-size: 36px;
  line-height: 1.11;
}

#icl #gift-campaign .section04 h2::before,
#icl #gift-campaign .section04 h2::after {
  /*content: "";*/
  display: block;
  position: absolute;
  width: 74px;
  height: 87px;
}

#icl #gift-campaign .section04 h2::before {
  top: 30px;
  left: -76px;
  background: url(../images/gift-campaign/section02-title-left.png);
  background-size: contain;
}

#icl #gift-campaign .section04 h2::after {
  top: 34px;
  right: -77px;
  background: url(../images/gift-campaign/section02-title-right.png);
  background-size: contain;
}

#icl #gift-campaign .section04 > h2 + p {
  margin: 20px 0 0;
}

#icl #gift-campaign .section04 .product01 section {
  padding: 0px 0 25px;
}

#icl #gift-campaign .section04 .product02 h4 {
  margin: 37px 0 0;
}

#icl #gift-campaign .section03::before {
  display: none;
}

#icl #gift-campaign .section04 .product02 .feature {
  margin: 20px auto 0;
}

#icl #gift-campaign .qa {
  background: #fff;
  padding: 94px 0 86px;
  background: #FFF9EB;
}


@media (max-width: 1024px) {
  #icl #gift-campaign .gift-set .contents {
    background-size: 100% 70%;
  }

  #icl #gift-campaign .gift-set .contents .catch {
    font-size: 30.81px;
  }

  #icl #gift-campaign .gift-set .contents .catch img {
    width: 90%;
    top: -3px;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .type {
    font-size: 22.4px;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .set {
    font-size: 30px;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .detail {
    margin: 18px auto 0;
    text-align: center;
    width: 80%;
  }

  #icl #gift-campaign .gift-set .contents .price .set .type {
    display: none;
    font-size: 15.5px;
  }

  #icl #gift-campaign .gift-set .contents .price .set .limited {
    font-size: 34px;
  }

  #icl #gift-campaign .gift-set .contents .price .yen {
    font-size: 23px;
  }

  #icl #gift-campaign .gift-set .contents .price .yen .din {
    font-size: 58px;
  }

  #icl #gift-campaign .gift-set .contents .bottom .tel {
    display: block;
    float: none;
    margin: 20px auto 0;
  }

  #icl #gift-campaign .gift-set .contents .bottom .tel.sp_in {
    display: none;
  }

  #icl #gift-campaign .gift-set .contents .bottom .purchase {
    float: none;
    margin: 30px auto 0;
  }

  #icl #gift-campaign .section04 h2 {
    font-size: 15px;
  }

  #icl #gift-campaign .section04 > h2 .font {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  #icl #gift-campaign {

    margin: -5.5rem 0 0;

    padding: 11rem 0 0;
  }

  #icl #gift-campaign .siteHeader {
    height: 5.5rem;
  }

  #icl #gift-campaign .siteHeader__body {
    display: block;
    padding: 0.8rem 1.5rem 0 1.2rem;
    overflow: hidden;
  }

  #icl #gift-campaign .siteHeader .logo {
    float: left;
    width: 27%;
    margin: 0.9rem 0 0 0;
  }

  #icl #gift-campaign .siteHeader__group.action_spMenu {
    /* display: none; */
    width: 100%;
  }

  #icl #gift-campaign .siteHeader__linkCampaign_sp {
    border-radius: 0.35625rem;
    width: 90px;
    min-width: 50px;
    margin: 0 1.5rem 0 0;
  }

  #icl #gift-campaign ._gNavList._spMenu__body {
    width: 100%;
    margin: 4.1rem 0 0;
    border-top: 1px solid #5d6484;
  }

  #icl #gift-campaign ._gNavList__item {
    display: block;
    width: 100%;
    height: 8rem;
  }

  #icl #gift-campaign ._gNavList__item a {
    padding: 0 0 0 10.5rem;
  }

  #icl #gift-campaign .btn_spMenu {
    height: 14px;
    margin: 0.8rem 0 0;
  }

  #icl #gift-campaign .siteHeader__linkPurchace_sp {
    width: 9rem;
    height: 2.5rem;
  }

  #icl #gift-campaign .btn_spMenu__bar {}

  .btn_spMenu__bar:nth-of-type(1) {}

  #icl #gift-campaign .btn_spMenu__bar:nth-of-type(2) {
    bottom: 0;
  }

  #icl #gift-campaign .btn_spMenu.-active .btn_spMenu__bar:nth-of-type(2) {
    opacity: 1;
    bottom: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #icl #gift-campaign .svg008 {
    top: -0.3rem;
  }

  #icl #gift-campaign .siteHeader__group.sp_fx {
    font-size: 0;
    float: right;
    margin: -2.6rem 0 0 0;
    width: calc(74%);
  }

  #icl #gift-campaign .siteHeader ._spMenu .logo {
    display: block;
    width: 9.3rem;
    margin: 0 0 0 0.9rem;
  }

  #icl #gift-campaign .gift-set {
    padding: 5.5rem 0 0;
  }

  #icl #gift-campaign .gift-set .ribbon-snow {
    width: 18rem;
    height: 5.4rem;
    background-size: contain;
  }

  #icl #gift-campaign .gift-set .ribbon-snow span {
    font-size: 1.3rem;
  }

  #icl #gift-campaign .gift-set .contents {
    width: 95%;
    font-size: 1.3rem;
    margin: -2.4rem auto 0;
    padding: 0 0 5rem;
    border-radius: 2rem;
    background: #fff url(../images/gift-campaign/section01-bg02-sp.png) no-repeat;
    background-size: 100% 79%;
    background-position: center 8.5rem;
  }

  #icl #gift-campaign .gift-set .contents .catch {
    font-size: 2.4rem;
    margin: 5.6rem 0 0;
    line-height: 1.4;
  }

  #icl #gift-campaign .gift-set .contents .catch::before,
  #icl #gift-campaign .gift-set .contents .catch::after {
    width: 3.5rem;
    height: 3.7rem;
    background-size: contain;
    background-repeat: no-repeat;
  }

  #icl #gift-campaign .gift-set .contents .catch::before {
    top: 3rem;
    left: -3rem;
  }

  #icl #gift-campaign .gift-set .contents .catch::after {
    top: 3rem;
    right: -3.2rem;
  }

  #icl #gift-campaign .gift-set .contents .catch img {
    top: 0.5rem;
    width: 30rem;
    margin: 0 0 0 0;
  }

  #icl #gift-campaign .gift-set .contents .set-detail {
    background: none;
    font-size: 1.3rem;
    padding: 4.2rem 0 0;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .type {
    font-size: 1.5rem;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .type .din {
    font-size: 2.4rem;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .set {
    margin: 0.9rem 0 0;
    font-size: 1.95rem;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .set::after {
    width: 26rem;
    height: 1.5rem;
    margin: -1rem auto 0;
    background: url(../images/gift-campaign/section01-set-border.png) no-repeat;
    background-size: cover;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .period {
    margin: 1.0rem 0 0;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .period p:first-child {
    position: relative;
    top: 0px;
    height: 1.6rem;
    /* margin: 0px 0 0; */
    padding: 0 0.5rem 0;
    border: 1px solid #1f288a;
    border-radius: 3px;
    line-height: 1.5rem;
    font-size: 1rem;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .period p:last-child {
    font-size: 1.3rem;
    margin: 0 0 0 0.5rem;
    letter-spacing: 0;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .gift-image {
    margin: 1.5rem 0 0;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .gift-image img {
    width: 75%;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .detail {
    width: 89.76%;
    margin: 1.9rem auto 0;
  }

  #icl #gift-campaign .gift-set .contents .set-detail .attention.pc_in {
    display: none;
  }

  #icl #gift-campaign .gift-set .contents .price {
    width: 89%;
    margin: 6.1rem auto 0;
  }

  #icl #gift-campaign .gift-set .contents .price .type {
    display: block;
    color: #1f288a;
    font-size: 1.05rem;
    letter-spacing: 0.05em;
    text-align: center;
    font-weight: bold;
  }

  #icl #gift-campaign .gift-set .contents .price .box {
    width: 88%;
    margin: 0.5rem auto 0;
  }

  #icl #gift-campaign .gift-set .contents .price .free {
    width: 3.8rem;
    height: 3.8rem;
  }

  #icl #gift-campaign .gift-set .contents .price .free span {
    font-size: 1rem;
  }

  #icl #gift-campaign .gift-set .contents .price .set {
    margin: -2px 0 0 0.9rem;
  }

  #icl #gift-campaign .gift-set .contents .price .set .limited {
    font-size: 1.7rem;
    line-height: 1.2;
  }

  #icl #gift-campaign .gift-set .contents .price .yen {
    font-size: 1.9rem;
  }

  #icl #gift-campaign .gift-set .contents .price .yen .din {
    font-size: 5.2rem;
    margin: 0 0.5rem 0 0;
  }

  #icl #gift-campaign .gift-set .contents .bottom {
    width: 89%;
    margin: 2.5rem auto 0;
  }

  #icl #gift-campaign .gift-set .contents .bottom {
    /* width: 100%; */
  }

  #icl #gift-campaign .gift-set .contents .bottom .tel.pc_in {
    display: none;
  }

  #icl #gift-campaign .gift-set .contents .bottom .purchase {
    width: 100%;
    margin: 0 0 0;
  }

  #icl #gift-campaign .gift-set .contents .bottom .tel.sp_in {
    display: block;
    width: 100%;
    margin: 1.5rem 0 0;
  }

  #icl #gift-campaign .gift-set .contents .bottom .tel.sp_in p {
    margin: 0.1rem 0 0;
    color: #1f288a;
    font-size: 0.95rem;
    text-align: center;
  }

  #icl #gift-campaign .gift-set .contents .bottom .tel.sp_in img {
    max-width: auto;
  }

  #icl #gift-campaign .gift-set .contents .shipping.pc_in {
    display: none;
  }

  #icl #gift-campaign .gift-set .contents .shipping.sp_in {
    display: block;
    width: 89%;
    font-size: 1rem;
    margin: 1.5rem auto 0;
    text-align: center;
  }

  #icl #gift-campaign .gift-set .message {
    background: url(../images/gift-campaign/section01-bg03-sp.png);
    background-size: cover;
    padding: 8.67rem 0 10rem;
  }

  #icl #gift-campaign .gift-set .message .text {
    width: 82%;
    margin: 0 auto 0;
    padding: 0 0 0;
  }

  #icl #gift-campaign .gift-set .message .text h3 {
    color: #1f288a;
    font-size: 2.1rem;
    line-height: 1.75;
    letter-spacing: 0.18em;
    margin: 0 0 0 0;
  }

  #icl #gift-campaign .gift-set .message .text p {
    color: #1f288a;
    font-size: 1.4rem;
    line-height: 1.9;
    font-weight: bold;
    margin: 2.1rem 0 0 0;
    letter-spacing: 0em;
  }

  #icl #gift-campaign .gift-set .message .text .first {
    position: relative;
    margin: 3.5rem 0 0 0;
  }

  #icl #gift-campaign .gift-set .message .text .first .open,
  #icl #gift-campaign .gift-set .message .text .first .add {
    display: none;
  }

  #icl #gift-campaign .gift-set .message .text .first .add img {
    display: block;
    margin: 1.5rem 0 0;
  }

  #icl #gift-campaign .gift-set .message .text .more {
    display: block;
    margin: 3.1rem 0 0;
  }

  #icl #gift-campaign .gift-set .message .text .more .open {
    display: none;
  }

  #icl #gift-campaign .gift-set .message .text p span {
    margin: 0 0 0 0;
  }

  #icl #gift-campaign .gift-set .movie {
    background: url(../images/gift-campaign/section01-bg04-sp.png);
    background-size: 100% 100%;
    margin: -1% 0 0;
    padding: 8.5rem 0 12rem;
  }

  #icl #gift-campaign .gift-set .movie .wrap::before {
    background: url(../images/gift-campaign/section01-people-sp.png) no-repeat;
    background-size: contain;
    top: -14.5rem;
    right: 51%;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    width: 19.5rem;
    height: 7.4rem;
  }

  #icl #gift-campaign .gift-set .movie .ribbon {
    width: 16.5rem;
    height: 2.85rem;
    background-size: contain;
  }

  #icl #gift-campaign .gift-set .movie .ribbon span {
    font-size: 1.1rem;
    line-height: 2.85rem;
  }

  #icl #gift-campaign .gift-set .movie .flame {
    margin: 1.8rem auto 0;
    width: 32rem;
    height: 18.5rem;
  }

  #icl #gift-campaign .gift-set .movie #movie {
    width: 30rem;
    top: 1rem;
    padding: 16.6rem 0 0 0;
  }

  #icl #gift-campaign .gift-set .movie #movie iframe {
    width: 32rem;
  }

  #icl #gift-campaign .section04 {
    padding: 2.5rem 0 6.4rem;
  }

  #icl #gift-campaign .section04 h2 {
    font-size: 1.2rem;
    line-height: 1.6;
  }

  #icl #gift-campaign .section04 > h2 .font {
    /* margin: 0.2rem 0 0; */
    position: relative;
    top: 0.5rem;
    font-size: 2.3rem;
  }

  #icl #gift-campaign .section04 h2::before {
    top: 6.8rem;
    left: -2rem;
    width: 3.2rem;
    height: 3.8rem;
    background: url(../images/gift-campaign/section02-title-left.png);
    background-size: contain;
  }

  #icl #gift-campaign .section04 h2::after {
    top: 7rem;
    right: -2rem;
    width: 3.2rem;
    height: 3.8rem;
    background: url(../images/gift-campaign/section02-title-right.png);
    background-size: contain;
  }

  #icl #gift-campaign .qa {
    padding: 4.5rem 0 6rem;
    background: #FFF9EB;
  }
}

@media (max-width: 340px) {
  #icl #gift-campaign .gift-set .contents {
    background: #fff url(../images/gift-campaign/section01-bg02-sp.png) no-repeat;
    background-size: 100% 77%;
    background-position: center 9.5rem;
  }

  #icl #gift-campaign .gift-set .contents .catch {
    font-size: 2rem;
  }

  #icl #gift-campaign .gift-set .contents .catch img {
    width: 10.5rem;
  }

  #icl #gift-campaign .gift-set .contents .price .type {
    font-size: 0.95rem;
  }

  #icl #gift-campaign .gift-set .contents .price .set .limited {
    font-size: 1.5rem;
  }

  #icl #gift-campaign .gift-set .contents .price .yen {
    font-size: 1.5rem;
  }

  #icl #gift-campaign .gift-set .contents .price .yen .din {
    font-size: 4.0rem;
  }
}

/*customer-voice*/
#icl #customer-voice {
  margin: 115px auto 0;
}

#icl #customer-voice .wrap {
  width: 823px;
  max-width: 88.54%;
  margin: 0 auto 0;
  overflow: hidden;
}

#icl #isocal_home #customer-voice {
  margin: 105px auto 0;
}

#icl #isocal_home #customer-voice .wrap {
  text-align: center;
}


#customer-voice h2,
#customer-voice h3 {
  margin: 0 auto 0;
  text-align: center;
}

#icl #isocal_home #customer-voice h2{
  display: inline-block;
  padding: 0px 52px 11px 53px;
  color: #1F288A;
  font-size: 45px;
  line-height: 1.38;
  font-weight: 800;
  letter-spacing: 0.2em;
  position: relative;
  /*background: url(../images/top/title-deco1-left.png) no-repeat, url(../images/top/title-deco1-right.png) no-repeat;
  background-size: 50px 70px;
  background-position: bottom 0 left 0, bottom 0 right 0;*/
}
#icl #isocal_home #customer-voice h2::before,
#icl #isocal_home #customer-voice h2::after{
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    width: 60px;
    height: 60px;
}
#icl #isocal_home #customer-voice h2::before{
    left: -15px;
    background: url(../images/customer-voice/customer-voice-left.png) no-repeat;
    background-size: 60px 60px;
}
#icl #isocal_home #customer-voice h2::after{
    right: -15px;
    background: url(../images/customer-voice/customer-voice-right.png) no-repeat;
    background-size: 60px 60px;
}

#icl #customer-voice h2 .customer-voice-svg01 {
  width: 393px;
}

#icl #isocal_home #customer-voice h3{
    font-size: 28px;
    font-weight: 1000;
    position: relative;
    display: inline-block;
}

#icl #isocal_home #customer-voice .voice h3::before,
#icl #isocal_home #customer-voice .voice h3::after{
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    width: 35px;
    height: 44px;
}

#icl #isocal_home #customer-voice .voice01 h3::before{
    left: -30px;
    background: url(../images/customer-voice/customer-voice01-ttl_left.png) no-repeat;
    background-size: 35px 44px;
}
#icl #isocal_home #customer-voice .voice01 h3::after{
    right: -30px;
    background: url(../images/customer-voice/customer-voice01-ttl_right.png) no-repeat;
    background-size: 35px 44px;
}
#icl #isocal_home #customer-voice .voice02 h3::before{
    left: -30px;
    background: url(../images/customer-voice/customer-voice02-ttl_left.png) no-repeat;
    background-size: 35px 44px;
}
#icl #isocal_home #customer-voice .voice02 h3::after{
    right: -30px;
    background: url(../images/customer-voice/customer-voice02-ttl_right.png) no-repeat;
    background-size: 35px 44px;
}
#icl #isocal_home #customer-voice .voice03 h3::before{
    left: -30px;
    background: url(../images/customer-voice/customer-voice03-ttl_left.png) no-repeat;
    background-size: 35px 44px;
}
#icl #isocal_home #customer-voice .voice03 h3::after{
    right: -30px;
    background: url(../images/customer-voice/customer-voice03-ttl_right.png) no-repeat;
    background-size: 35px 44px;
}

#icl #customer-voice h3 .customer-voice-ttl-01 {
  width: 444px;
}

#icl #customer-voice h3 .customer-voice-ttl-02 {
  width: 380px;
  margin-right: 60px;
}

#icl #customer-voice h3 .customer-voice-ttl-03 {
  width: 318px;
}


#icl #customer-voice .catch {
  margin: 20px auto 0;
  text-align: center;
}

#icl #isocal_home #customer-voice .catch {
  font-size: 15.68px;
  letter-spacing: 0.2em;
}

#icl #customer-voice .catch .customer-voice-svg02 {
  width: 365px;
}

#icl #customer-voice .customer {
  clear: both;
  float: none;
  margin: 36px auto 0;
  overflow: hidden;
}

#icl #isocal_home #customer-voice .customer {
  color: #1F288A;
}

#icl #customer-voice .customer02 {
  float: right;
  margin: 32px auto 35px;
}

#icl #customer-voice .customer .voice {
  display: inline-block;
  float: right;
  position: relative;
}

#icl #customer-voice .customer01 .voice {
  width: 79.09%;
}

#icl #customer-voice .customer02 .voice {
  float: left;
 /* width: 77.4%;*/
}

@media (min-width: 768px) and (max-width: 805px) {
  #icl #customer-voice .customer02 .voice {
    width: 77.4%;
  }
}

@media (min-width: 768px) and (max-width: 916px) {
  #icl #isocal_home #customer-voice h3{
    font-size: 2.860vw;
  }
  #icl #isocal_home #customer-voice .voice h3::before,
  #icl #isocal_home #customer-voice .voice h3::after{
      top: 0.511vw;
      width: 3.575vw;
      height: 4.494vw;
  }
  #icl #isocal_home #customer-voice .voice01 h3::before{
      left: -3.215vw;
      background-size: 3.575vw 4.494vw;
  }
  #icl #isocal_home #customer-voice .voice01 h3::after{
      right: -3.215vw;
      background-size: 3.575vw 4.494vw;
  }
  #icl #isocal_home #customer-voice .voice02 h3::before{
      left: -3.215vw;
      background-size: 3.575vw 4.494vw;
  }
  #icl #isocal_home #customer-voice .voice02 h3::after{
      right: -3.215vw;
      background-size: 3.575vw 4.494vw;
  }
  #icl #isocal_home #customer-voice .voice03 h3::before{
      left: -3.215vw;
      background-size: 3.575vw 4.494vw;
  }
  #icl #isocal_home #customer-voice .voice03 h3::after{
      right: -3.215vw;
      background-size: 3.575vw 4.494vw;
  }
}

#icl #customer-voice .customer03 .voice {
  margin: 0 -6px 0 0px;
  width: 79%;
}

#icl #customer-voice .customer02 .voice .flame img {
  margin: 0 -9px 0 0px;
}

#icl #customer-voice .customer .voice .text {
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#icl #customer-voice .customer .voice01 .text {
  width: 498px;
  max-width: 80.58%;
  top: 47.5%;
  left: 52.8%;
}

#icl #customer-voice .customer .voice02 .text {
  top: 47.5%;
  left: 47%;
  width: 367px;
  max-width: 69.06%;
}

#icl #customer-voice .customer .voice03 .text {
  width: 460px;
  max-width: 73.23%;
  left: 53%;
}

#icl #isocal_home #customer-voice .customer .voice .text {
  text-align: left;
}

#icl #isocal_home #customer-voice .customer .voice01 .text {
  width: 506px;
  font-size: 18.62px;
  font-weight: 750;
  line-height: 2;

}

#icl #isocal_home .txt_pink{
  color: #E41E79;
}

#icl #isocal_home #customer-voice .customer .voice01 .text .txt_pink, #isocal_home #customer-voice .customer .voice02 .text .txt_orange, #isocal_home #customer-voice .customer .voice03 .text .txt_blue{
  font-weight: 800;
}

#icl #isocal_home #customer-voice .customer .voice02 .text {
  width: 380px;
  max-width: 100%;
  font-size: 18.62px;
  font-weight: 750;
  line-height: 2;
}

#icl #isocal_home .txt_orange{
  color: #ff6408;
}

#icl #isocal_home #customer-voice .customer .voice03 .text {
  width: 500px;
  max-width: 80%;
  left: 53%;
  font-size: 18.62px;
  font-weight: 750;
  line-height: 2;
}

#icl #isocal_home .txt_blue{
  color: #3b94e4;
}

#icl #isocal_home .txt_bold{
  font-size: 19.18px;
  font-weight: 1000;
}

#icl #isocal_home .txt_bold span{
  font-size: 27.33px;
}

#icl #customer-voice .customer .voice .text .svg {
  width: 100%;
}

#icl #customer-voice .customer .human {
  float: right;
  width: 20.41%;
}

#icl #customer-voice .customer01 .human {
  margin: 80px 0 0 0px;
}

#icl #customer-voice .customer02 .human {
  float: left;
  width: 22.41%;
  margin: 71px 0 0 0;
}

#icl #customer-voice .customer03 .human {
  margin: 97px 0 0;
  float: none;
}

#icl #customer-voice .customer .human .illust {
  width: 100%;
}

#icl #customer-voice .customer01 .human .illust img {
  margin: 0 0 0 -4px;
}

#icl #customer-voice .customer .human .initial {
  margin: 17px auto 0;
}

#icl #customer-voice .customer01 .human .initial,
#icl #customer-voice .customer02 .human .initial {
  width: 57.74%;
  margin: 17px 0 0 26px;
}

#icl #customer-voice .customer03 .human .initial {
  width: 58.33%;
}

#icl #isocal_home #customer-voice .customer01 .human .initial,
#icl #isocal_home #customer-voice .customer02 .human .initial,
#icl #isocal_home #customer-voice .customer03 .human .initial {
  font-size: 15.35px;
  width: 81.74%;
  text-align: center;
}

#icl #customer-voice .person {
  text-align: center;
  margin: 13px auto 0;
}

#icl #customer-voice .person .customer-voice-svg09 {
  width: 15%;
}

@media (min-width: 768px) and (max-width: 900px){
  #icl #isocal_home #customer-voice .customer .voice01 .text {

  font-size: 1.95vw;

  }


  #icl #isocal_home #customer-voice .customer .voice02 .text {

    font-size: 1.95vw;

  }


  #icl #isocal_home #customer-voice .customer .voice03 .text {
    font-size: 1.95vw;

  }
}

@media (max-width: 767px) {

  #icl #customer-voice {
    margin: 26px auto 0;
  }

  #icl #isocal_home #customer-voice {
    margin: 26px auto 0;
  }

  #icl #customer-voice .wrap {
    width: 85.21%;
    overflow: visible;
  }

  #icl #customer-voice h2 {
    margin: 0 auto 0;
    text-align: center;
  }

  #icl #isocal_home #customer-voice h2 {
    font-size: 8.5vw;
    padding: 0px 8vw 11px 9.5vw;
    background-size: 8vw 10vw;
  }

  #icl #customer-voice h2 .customer-voice-svg01 {
    width: 393px;
  }

 #icl #isocal_home #customer-voice h2::before,
 #icl #isocal_home #customer-voice h2::after{
    content: "";
    display: block;
    position: absolute;
    top: 2vw;
    width: 10vw;
    height: 10vw;
  }
 #icl #isocal_home #customer-voice h2::before{
      left: -3vw;
      background: url(../images/customer-voice/customer-voice-left.png) no-repeat;
      background-size: 10vw 10vw
  }
 #icl #isocal_home #customer-voice h2::after{
      right: -3vw;
      background: url(../images/customer-voice/customer-voice-right.png) no-repeat;
      background-size: 10vw 10vw;
  }

  #icl #customer-voice h3 .customer-voice-ttl-01 {
    width: 35rem;
  }

  #icl #customer-voice h3 .customer-voice-ttl-02 {
    width: 30rem;
    margin-right:0;
  }

 #icl #isocal_home #customer-voice h3{
    font-size: 4.646vw;
    width: 100%;
    margin: 0 auto;
  }

  #icl #isocal_home #customer-voice .voice h3::before,
  #icl #isocal_home #customer-voice .voice h3::after{
      top: 0;
      width: 5.557vw;
      height: 7.729vw;
  }
  #icl #isocal_home #customer-voice .voice01 h3::before{
      left: 7vw;
      background-size: 5vw 7vw;
  }
  #icl #isocal_home #customer-voice .voice01 h3::after{
      right: 7vw;
      background-size: 5vw 7vw;
  }
  #icl #isocal_home #customer-voice .voice02 h3::before{
      left: 12vw;
      background-size: 5vw 7vw;
  }
  #icl #isocal_home #customer-voice .voice02 h3::after{
      right: 12vw;
      background-size: 5vw 7vw;
  }

  #icl #isocal_home #customer-voice .voice03 h3::before{
      left: 16vw;
      background-size: 5vw 7vw;
  }
  #icl #isocal_home #customer-voice .voice03 h3::after{
      right: 16vw;
      background-size: 5vw 7vw;
  }

  #icl #customer-voice h3 .customer-voice-ttl-03 {
   width: 28rem;
 }
 #icl .renewal.home .trialbanner-block{
   margin: 0rem;
 }

  #icl #customer-voice .catch {
    margin: 4px auto 0;
    text-align: center;
  }

  #icl #isocal_home #customer-voice .catch {
    font-size: 3vw;
    letter-spacing: 0.08em;
  }

  #icl #customer-voice .catch .customer-voice-svg02 {
    width: 73%;
  }

  #icl #customer-voice .customer {
    clear: both;
    float: none;
    width: 100%;
    margin: 28px auto 0;
    overflow: visible;
  }

  #icl #customer-voice .customer02 {
    float: right;
    margin: 28px auto 35px;
  }

  #icl #customer-voice .customer .voice {
    display: inline-block;
    float: right;
    position: relative;
  }

  #icl #customer-voice .customer01 .voice {
    float: none;
    width: 103%;
  }

  #icl #customer-voice .customer02 .voice {
    float: none;
    width: 103%;
  }

  #icl #customer-voice .customer03 .voice {
    float: none;
    margin: 0 -6px 0 0px;
    width: 103%;
  }

  #icl #customer-voice .customer02 .voice .flame img {
    margin: 0 -9px 0 0px;
  }

  #icl #customer-voice .customer .voice .text {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #icl #isocal_home #customer-voice .customer .voice .text {
    font-size: 3.5vw;
  }

  #icl #customer-voice .customer .voice01 .text {
    width: 498px;
    max-width: 70.58%;
    top: 47.2%;
    left: 48.8%;
  }

  #icl #customer-voice .customer .voice02 .text {
    top: 46.5%;
    left: 49%;
    width: 367px;
    max-width: 86.06%;
  }

  #icl #customer-voice .customer .voice03 .text {
    width: 460px;
    max-width: 78.23%;
    top: 46%;
    left: 50%;
  }

  #icl #isocal_home #customer-voice .customer .voice02 .text {
    left: 55%;
    width: 581px;
    max-width: 90.5%;
  }

  #icl #isocal_home #customer-voice .customer .voice03 .text {
    width: 490px;
    max-width: 80.23%;
  }

  #icl #customer-voice .customer .voice .text .svg {
    width: 100%;
  }

  #icl #customer-voice .customer .human {
    float: none;
    width: 40.41%;
    margin: 0 auto 0;
  }

  #icl #isocal_home #customer-voice .customer .human {
    width: 73%;
    margin: 13px auto 0;
  }

  /*#customer-voice .customer01 .human {
    margin: 7px auto 0;
  }

  #customer-voice .customer02 .human {
    float: none;
    width: 38.41%;
    margin: 13px auto 0;
  }

  #customer-voice .customer03 .human {
    margin: 8px auto 0;
    float: none;
  }*/

  #icl #customer-voice .customer .human .illust {
    width: 100%;
  }

  #icl #isocal_home #customer-voice .customer .human .illust {
    text-align: center;
    width: 60%;
    margin: 0 auto;
  }

  /*#customer-voice .customer01 .human .illust img {
    margin: 0 0 0 -4px;
  }*/

  #icl #customer-voice .customer .human .initial {
    margin: 17px auto 0;
  }

  #icl #customer-voice .customer01 .human .initial,
  #icl #customer-voice .customer02 .human .initial {
    width: 62.74%;
    margin: 12px 0 0 22px;
  }

  #icl #customer-voice .customer03 .human .initial {
    width: 62.33%;
    margin: 10px auto 0;
  }

 #icl #isocal_home #customer-voice .customer01 .human .initial,
 #icl #isocal_home #customer-voice .customer02 .human .initial,
 #icl #isocal_home #customer-voice .customer03 .human .initial {
    width: 62.74%;
    text-align: center;
  }

  #icl #customer-voice .person {
    text-align: center;
    margin: 21px auto 0;
  }

  #icl #customer-voice .person .customer-voice-svg09 {
    width: 29%;
  }
}

/*interview*/
#icl #interview .contents {
  width: 92.6%;
  max-width: 926px;
  margin: 37px auto;
  padding: 27px 0 0;
  -webkit-box-shadow: 4px 4px 10px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 4px 10px -5px rgba(0, 0, 0, 0.3);
  background: #fff;
  border-radius: 4px;
}

#icl #interview .mainvisual {
  width: 92.87%;
  margin: 0 0% 0 4.24%;
}

#icl #interview .catch {
  width: 100%;
  margin: 63px auto 0;
  /*update*/
  text-align: center;
  color: #1F288A;
  font-size: 33px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#icl #interview main .line {
  display: block;
  width: 90.1875%;
  height: 1px;
  margin-top: 33px;
  background: #1F2883;
  -webkit-box-shadow: 4px 4px 10px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 4px 10px -5px rgba(0, 0, 0, 0.3);
}

#icl #interview .thought {
  width: 57.1%;
  margin: 32px auto 0;
  font-size: 18px;
}

#icl #interview .thought span{
    background: url(../images/top/section05-qa-border.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    padding-bottom: 8px;
    line-height: 2.3;
}

#icl #interview .interviewers {
  position: relative;
  width: 84.1%;
  margin: 64px 0% 0 6.55%;
  background: url('../images/interview_isocal100/flame01.png') no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
  padding: 0 0 65px;
  overflow: hidden;
}

#icl #interview .interviewers::before {
  content: "";
  display: block;
  position: absolute;
  top: 9.5%;
  left: 50%;
  width: 11.019%;
  height: 0;
  padding-top: 9.68%;
  background: url('../images/interview_isocal100/image03.png') no-repeat;
  background-size: 100% auto;
  background-position: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-size: 100% auto;
}

#icl #interview .interviewers .wrap {
  width: 79.48%;
  margin: 0 0% 0 10%;
  overflow: hidden;
}

#icl #interview .interviewers .interviewer {
  width: 43.93%;
}

#icl #interview .interviewers .interviewer01 {
  float: left;
}

#icl #interview .interviewers .interviewer02 {
  float: right;
}

#icl #interview .interviewers .interviewer .interviewer-photo {
  width: 57.85%;
  margin: 0 auto 0;
}

#icl #interview .interviewers .interviewer .interviewer-info {
  margin: 21px 0 0;
}

#icl #interview .interviewers .interviewer .interviewer-info .interviewer-position {
  margin: 0 auto 0;
}

#icl #interview .interviewers .interviewer01 .interviewer-info .interviewer-position {
  padding: 3px;
  font-size: 13.5px;
  text-align: center;
  color: white;
  width: 72%;
  background: url(../images/interview_isocal100/rebbon.png) no-repeat;
  background-size: 100% 100%;
}

#icl #interview .interviewers .interviewer02 .interviewer-info .interviewer-position {
  width: 48.96%;
  padding: 3px;
  font-size: 13.5px;
  font-weight: 700;
  text-align: center;
  color: #1F288A;
  background: url(../images/interview_isocal100/rebbon_right.png) no-repeat;
  background-size: 100% 100%;
}

#icl #interview .interviewers .interviewer .interviewer-info .interviewer-name {
  width: 100%;
  margin: 18px auto 6px;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: black;
}


#icl #interview .interviewers .interviewer .interviewer-info .interviewer-department {
  width: 100%;
  margin: 20px auto 0;
  font-size: 14px;
  margin: 0 auto;
  text-align: center;
  color: black;
}

#icl #interview .interviewer-text {
  font-size: 13.5px;
  width: 100%;
  margin-top: 15px;
  padding-top: 18px;
  border-top: 1px solid #1F2883;
}

#icl #interview .question {
  width: 88.55%;
  margin: 95px auto 0;
}

#icl #interview .question03 {
  margin: 114px auto 0;
}

#icl #interview .question04 {
  margin: 81px auto 0;
}

#icl #interview .question05 {
  margin: 92px auto 0;
}

#icl #interview .question h3 {
  position: relative;
  font-weight: 1000;
  color: #1F288A;
  width: 100%;
  font-size: 23px;
  padding: 27px 5px 42px 130px;
  background-image: url(../images/interview_isocal100/question_container_pc.png);
  background-size: 820px, 108px;
}

#icl #interview .question h3 > img {
  position: absolute;
  top: 23px;
  left: 75px;
}

#icl #interview .question02 h3 {
  padding: 8px 5px 23px 215px;
}

#icl #interview .question02 h3 > img {
  left: 148px;
}

#icl #interview .question03 h3 {
  padding: 8px 5px 23px 135px;
}

#icl #interview .question04 h3 {
  padding: 27px 5px 42px 220px;
}

#icl #interview .question04 h3 > img {
  left: 160px;
}

#icl #interview .question05 h3 > img {
  left: 70px;
}


#icl #interview .question .question-contents {
  margin: 26px auto 0;
  overflow: hidden;
}

#icl #interview .question03 .question-contents {
  margin: 9px auto 0;
}

#icl #interview .question04 .question-contents {
  margin: 14px auto 0;
}

#icl #interview .question05 .question-contents {
  margin: 20px auto 0;
}

#icl #interview .question .question-contents .image-block {
  float: left;
  width: 48%;
}

#icl #interview .question .question-contents .image-block img {
  height: auto;
}

#icl #interview .question .question-contents.reverse .image-block {
  float: right;
}

#icl #interview .question .question-contents .text-block {
  float: right;
  width: 48%;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 2;
  color: black;
}

#icl #interview .question .question-contents.reverse .text-block {
  float: left;


}

#icl #interview .question .question-contents .text-block .txt_blue_border{
  background-color: #1F288A;
  color: white;
  padding: 1px 12px;
  border-radius: 30px;
}

#icl #interview .question .question-contents .text-block .txt_yellow_border{
  background-color: #fff4b8;
  color: #1F288A;
  padding: 1px 16px;
  border-radius: 30px;
}

#icl #interview .question .question-contents .text-block .blue_txt{
  color: #1F288A;
  font-weight: 800;
}

#icl #interview .question01 .question-contents .image-block {
  width: 45%;
  margin-left: 0.9%;
}

#icl #interview .question01 .question-contents .image-block img {
  width: 100%;
}

#icl #interview .question01 .question-contents .text-block {

  width: 49%;
  margin-top: 1.6%;
  margin-right: 0.3%;
}


#icl #interview .question02 .question-contents .image-block {
  margin-top: 5%;
  width: 45.1%;
}

#icl #interview .question02 .question-contents .image-block img {
  width: 100%;
}

#icl #interview .question02 .question-contents .text-block {
  width: 48.2%;
  margin-top: 2%;
  margin-left: 1%;
}

#icl #interview .question03 .question-contents .image-block {
  width: 40%;
  margin-left: 3%;
}

#icl #interview .question03 .question-contents .image-block img {
  width: 100%;
}

#icl #interview .question03 .question-contents .text-block {
  width: 48.7%;
  margin-top: 4.2%;
  margin-right: 3.7%;
}

#icl #interview .question04 .question-contents .image-block {
  width: 46.2%;
  margin-right: 1.4%;
}

#icl #interview .question04 .question-contents .image-block .image01 {
  width: 100%;
  text-align: right;
}

#icl #interview .question04 .question-contents .image-block .image01 img {
  width: 83%;
}

#icl #interview .question04 .question-contents .image-block .image02 {
  width: 71%;
  margin-top: 3%;
  margin-left: 3%;
  text-align: left;
}

#icl #interview .question04 .question-contents .image-block .image02 img {
  width: 100%;
}

#icl #interview .question04 .question-contents .text-block {
  width: 48.5%;
  margin-top: 3.5%;
  margin-left: 1%;
}

#icl #interview .question05 .question-contents .image-block {
  width: 46%;
}

#icl #interview .question05 .question-contents .image-block img {
  width: 100%;
}

#icl #interview .question05 .question-contents .text-block {
  width: 48.1%;
  margin-top: 3%;
}

#icl #interview .thanks {
  margin-top: 60px;
  text-align: center;
}

#icl #interview .thanks .text {
  display: inline-block;
  font-size: 18px;
  font-weight: 800;
  padding: 20px 38px 14px 40px;
  color: #1F288A;
  background: url(../images/top/title-deco1-left.png) no-repeat, url(../images/top/title-deco1-right.png) no-repeat;
  background-position: bottom 0 left 0, bottom 0 right 0;
  background-size: 38px 46px;

}

#icl #interview .thanks .photo {
  width: 34%;
  margin: -9px 0 0 34%;
}

#icl #interview .trialbanner-block {
  padding: 75px 0 67px;
  background: #FFF9EB;
}

@media (max-width: 767px) {

  #icl #interview .contents {
    width: 92.6%;
    max-width: 926px;
    margin: 3% auto;
    padding: 27px 0 0;
    -webkit-box-shadow: 4px 4px 10px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 10px -5px rgba(0, 0, 0, 0.3);
    background: #fff;
    border-radius: 4px;
  }

  #icl #interview .mainvisual {
    width: 97.87%;
    margin: -10% 0% 0 1.74%;
  }

  #icl #interview .catch {
    width: 97%;
    margin: 7% auto 0;
    font-size: 5.616vw;
  }

  #icl #interview main .line {
    display: block;
    width: 90.1875%;
    height: 1px;
    margin-top: 6%;
    background: #1F2883;
    -webkit-box-shadow: 4px 4px 10px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 10px -5px rgba(0, 0, 0, 0.3);
  }

  #icl #interview .thought {
    width: 91.9%;
    margin: 4.8% auto 0;
    font-size: 4vw;
  }

  #icl #interview .thought span{
    line-height: 2.2;
}

  #icl #interview .interviewers {
    position: relative;
    width: 96.1%;
    margin: 18% 0% 0 2%;
    background: url('../images/interview_isocal100/flame01-sp.png') no-repeat;
    background-size: 100% 100%;
    background-position: bottom center;
    padding: 0 0 10%;
    overflow: hidden;
  }

  #icl #interview .interviewers::before {
    content: "";
    display: block;
    position: absolute;
    top: 45%;
    left: 24%;
    width: 16%;
    padding-top: 14%;
    background: url(../images/interview_isocal100/image03-sp.png) no-repeat;
    background-size: 100% auto;
    background-position: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  #icl #interview .interviewers .wrap {
    width: 87.48%;
    margin: 0% 0% 0 4%;
    overflow: hidden;
  }

  #icl #interview .interviewers .interviewer {
    width: 100%;
    overflow: hidden;
  }

  #icl #interview .interviewers .interviewer01 {
    float: none;
    overflow: hidden;
    margin: 2% 0 0 0;
  }

  #icl #interview .interviewers .interviewer02 {
    float: none;
    margin: 2.5% 0 0 0;
  }

  #icl #interview .interviewers .interviewer .interviewer-photo {
    position: relative;
    float: left;
    width: 44%;
    margin: 20% auto 0;
  }

  #icl #interview .interviewers .interviewer02 .interviewer-photo {
    margin: 23% auto 0;
  }

  #icl #interview .interviewers .interviewer .interviewer-info {
    float: right;
    width: 50%;
    margin: 7.5% 0 0;
  }

  #icl #interview .interviewers .interviewer .interviewer-info .interviewer-position {
    margin: 0 auto 0;
  }

  #icl #interview .interviewers .interviewer01 .interviewer-info .interviewer-position {
    width: 85%;
    padding: 0px;
    font-size: 2.5vw;
  }

  #icl #interview .interviewers .interviewer02 .interviewer-info .interviewer-position {
    width: 55%;
    padding: 0px;
    font-size: 2.5vw;
  }

  #icl #interview .interviewers .interviewer .interviewer-info .interviewer-name {
    width: 100%;
    margin: 3% auto 5.5%;
    font-size: 5vw;
  }

  #icl #interview .interviewers .interviewer .interviewer-info .interviewer-department {
    width: 100%;
    margin: 5% auto 7.9%;
    font-size: 2.44vw;

  }

  #icl #interview .interviewer-text {
    font-size: 2.5vw;
    width: 100%;
    margin-top: -2%;
    padding-top: 6%;
    border-top: 1px solid #1F2883;
    letter-spacing: 0.08em;
  }

  #icl #interview .question {
    width: 97.55%;
    margin: 14% auto 0;
  }

  #icl #interview .question02 {
    margin: 19% auto 0;
  }

  #icl #interview .question03 {
    margin: 17.1% auto 0;
  }

  #icl #interview .question04 {
    margin: 18% auto 0;
  }

  #icl #interview .question05 {
    margin: 18% auto 0;
  }

  #icl #interview .question h3 {
    position: relative;
    font-size: 4.2vw;
    background-image: url(../images/interview_isocal100/question_container_sp.png);
    padding: 6.5vw 8.5vw 12.5vw 19vw;
    background-size: 100% 100%;
    line-height: 1.38;
  }

  #icl #interview .question h3 > img {
    width: 9vw;
    position: absolute;
    top: 8vw;
    left: 7vw;
  }

    #icl #interview .question02 h3 {
    position: relative;
    font-size: 4.2vw;
    background-image: url(../images/interview_isocal100/question_container_sp.png);
    padding: 6.5vw 8.5vw 12.5vw 27vw;
    background-size: 100% 100%;
    line-height: 1.38;
  }

  #icl #interview .question02 h3 > img {
    width: 9vw;
    position: absolute;
    top: 11vw;
    left: 13vw;
  }

    #icl #interview .question03 h3 {
    position: relative;
    font-size: 4vw;
    background-image: url(../images/interview_isocal100/question_container_sp.png);
    padding: 6.5vw 0vw 12.5vw 18vw;
    background-size: 100% 100%;
    line-height: 1.38;
  }

  #icl #interview .question03 h3 > img {
    width: 9vw;
    position: absolute;
    top: 10vw;
    left: 7vw;
  }

   #icl #interview .question04 h3 {
    position: relative;
    font-size: 4.2vw;
    background-image: url(../images/interview_isocal100/question_container_sp.png);
    padding: 6.5vw 8.5vw 12.5vw 27vw;
    background-size: 100% 100%;
    line-height: 1.38;
  }

  #icl #interview .question04 h3 > img {
    width: 9vw;
    position: absolute;
    top: 8vw;
    left: 15vw;
  }

   #icl #interview .question05 h3 {
    position: relative;
    font-size: 4.2vw;
    background-image: url(../images/interview_isocal100/question_container_sp.png);
    padding: 6.5vw 0.5vw 12.5vw 18vw;
    background-size: 100% 100%;
    line-height: 1.38;
  }

  #icl #interview .question .question-contents {
    margin: 0.5% auto 0;
    overflow: hidden;
  }

  #icl #interview .question03 .question-contents {
    margin: 3% auto 0;
  }

  #icl #interview .question04 .question-contents {
    margin: 14px auto 0;
  }

  #icl #interview .question05 .question-contents {
    margin: 2% auto 0;
  }

  #icl #interview .question .question-contents .image-block {
    float: none;
    width: 100%;
  }

  #icl #interview .question .question-contents .image-block img {
    height: auto;
  }

  #icl #interview .question .question-contents.reverse .image-block {
    float: none;
  }

  #icl #interview .question .question-contents .text-block {
    float: none;
    width: 100%;
  }

  #icl #interview .question .question-contents.reverse .text-block {
    float: none;
  }

  #icl #interview .question .question-contents .text-block .txt_border{
    background-color: #1F288A;
    color: white;
    padding: 3px 19px;
    border-radius: 30px;
    font-weight: 900;
    margin-right: 0.4em;
  }

  #icl #interview .question01 .question-contents .image-block {
    float: none;
    width: 95%;
    margin-left: 2%;
  }

  #icl #interview .question01 .question-contents .image-block img {
    width: 100%;
  }

  #icl #interview .question .question-contents .text-block {
    font-size: 3.5vw;
    float: none;
    width: 96%;
    margin-top: 5%;
    margin-right: 0;
    margin-left: 2%;
    margin: 5% auto 0;
    line-height: 1.8;
  }

  #icl #interview .question02 .question-contents .image-block {
    margin-top: 0;
    margin-left: 2%;
    width: 95%;
  }

  #icl #interview .question02 .question-contents .image-block img {
    width: 100%;
  }

  #icl #interview .question02 .question-contents .text-block {
    width: 97%;
    margin-top: 5.2%;
    margin-left: 1%;
  }

  #icl #interview .question03 .question-contents .image-block {
    width: 90%;
    margin-left: 7%;
  }

  #icl #interview .question03 .question-contents .image-block img {
    width: 100%;
  }

  #icl #interview .question03 .question-contents .text-block {
    width: 96%;
    margin-top: 5.8%;
    margin-right: 0%;
    margin-left: 2%;
  }

  #icl #interview .question04 .question-contents .image-block {
    width: 100%;
    margin-right: 0%;
  }

  #icl #interview .question04 .question-contents .image-block .image01 {
    width: 88%;
    margin-left: 2.1%;
    text-align: right;
  }

  #icl #interview .question04 .question-contents .image-block .image01 img {
    width: 100%;
  }

  #icl #interview .question04 .question-contents .image-block .image02 {
    width: 73%;
    margin-top: 2%;
    margin-left: 25%;
    text-align: right;
  }

  #icl #interview .question04 .question-contents .image-block .image02 img {
    width: 100%;
  }

  #icl #interview .question04 .question-contents .text-block {
    width: 96%;
    margin-top: 7%;
    margin-left: 2%;
  }

  #icl #interview .question05 .question-contents .image-block {
    width: 95%;
    margin-left: 2%;
  }

  #icl #interview .question05 .question-contents .image-block img {
    width: 100%;
  }

  #icl #interview .question05 .question-contents .text-block {
    width: 95%;
    margin-top: 5.2%;
    margin-left: 2%;
  }

  #icl #interview .thanks {
    margin-top: 18%;
  }

  #icl #interview .thanks .text {
    font-size: 5vw;
    font-weight: 700;
    padding: 2vw 9.8vw 3.4vw 10vw;
    background-size: 9.8vw 11.6vw;
  }

  #icl #interview .thanks .photo {
    width: 66%;
    margin: -2% 0 0 17%;
  }

  #icl #interview .trialbanner-block {
    padding: 13% 0 12.5%;
    background: #FFF9EB;
  }
}

/* recipe */
#icl #recipe .contents {
  padding: 20px 0 20px;
}

#icl #recipe .contents .mainvisual {
  opacity: 0;
}

#icl #recipe .contents .mainvisual.on {
  -webkit-transition: opacity 0.9s, -webkit-transform 1.2s ease;
  transition: opacity 0.9s, -webkit-transform 1.2s ease;
  transition: opacity 0.9s, transform 1.2s ease;
  transition: opacity 0.9s, transform 1.2s ease, -webkit-transform 1.2s ease;
  opacity: 1;
}

#icl #recipe .contents .mainvisual .wrap {
  max-width: 1000px;
  width: 97.1875%;
  margin: 0 auto 0;
}

#icl #recipe .contents .mainvisual .wrap img {
  display: block;
  width: 100%;
  max-width: 654px;
  margin: 0 auto 0;
}

#icl #recipe .contents .catch {
  margin: 0.2% 0 0 0;
}

#icl #recipe .contents .catch .wrap {
  max-width: 1000px;
  width: 81.46%;
  margin: 0 auto 0;
}

#icl #recipe .contents .catch .wrap img {
  display: block;
  width: 100%;
  max-width: 469px;
  margin: 0 0 0 25%;
}

#icl #recipe .recipe {
  position: relative;
  margin: 4.4% auto 0;
  background: url('../images/recipe/bg01.png') repeat-x;
  background-size: auto 187px;
  background-position: 0 52px;
}

#icl #recipe .recipe .recipe-wrap {
  position: relative;
  max-width: 801px;
  width: 81.46%;
  margin: 0px auto 0;
  /*  background: url('../images/recipe/flame01.png') repeat-x;*/
  /*  background-size: 100% 99.6%;*/
  /*  background-position: 0 6px;*/
  background: #fff;
  border: 1px #B49183 solid;
  -webkit-box-shadow: 8px 8px 16px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 8px 8px 16px -3px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

#icl #recipe .recipe::after {
  content: "";
  position: absolute;
  display: block;
  width: 99%;
  margin-left: 1%;
  box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
}

#icl #recipe .recipe.display::after {
  content: "";
  display: none;
  width: 99%;
  margin-left: 1%;
  box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
}

#icl #recipe .recipe .recipe-callout {
  display: block;
  position: absolute;
  top: 24px;
  left: 26px;
  width: 21.46%;
  max-width: 170px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#icl #recipe .recipe .recipe-head {
  width: 100%;
  margin: 1.1% 0 0%;
  padding: 0 0 3% 0;
  overflow: hidden;
  font-size: 0;
}

#icl #recipe .recipe .recipe-head .recipe-image {
  margin-top: 2.25%;
  float: left;
  width: 41.81%;
}

#icl #recipe .recipe .recipe-head .recipe-text {
  float: left;
  width: 56%;
  margin-left: 1%;
}

#icl #recipe .recipe .recipe-head .recipe-text .recipe-title {
  position: relative;
  width: 95%;
  margin: 0px 0 0 0%;
}

#icl #recipe .recipe .recipe-head .recipe-text .recipe-catch {
  width: 57%;
  margin-top: 2%;
  margin-left: 21%;
}

#icl #recipe .recipe .recipe-head .recipe-text .recipe-name {
  width: 80.5%;
  margin-top: 4%;
  margin-left: 9.2%;
}

#icl #recipe .recipe .recipe-head .recipe-text .recipe-open-btn {
  width: 64%;
  margin-top: 8%;
  margin-left: 23%;
  cursor: pointer;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}

#icl #recipe .recipe .recipe-head .recipe-text .recipe-open-btn.hide {
  opacity: 0;
  pointer-events: none;
}

#icl #recipe .recipe .recipe-head .recipe-text .recipe-open-btn:hover {
  opacity: 0.6;
}

#icl #recipe .recipe .recipe-contents {
  display: none;
  width: 100%;
  margin: 3.8% auto 0;
}

#icl #recipe .recipe .recipe-contents .recipe-info {
  width: 89%;
  margin: 0 auto 0;
  overflow: hidden;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-material {
  float: left;
  width: 51.2%;
  margin-left: 1%;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-material h3 {
  width: 32%;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-lists {
  margin: 3.9% 0 0 0%;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list {
  width: 100.5%;
  margin: 1% 0 0;
  font-size: 0;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list01 {
  margin: 0 0 0;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list01 img {
  width: 94.2%;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list02 img {
  width: 86.3%;
  margin-left: -1%;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list03 img {
  width: 84%;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list04 img {
  width: 80%;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list05 img {
  width: 84%;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list06 img {
  width: 77%;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list07 img {
  width: 77%;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 1%;
  width: 3%;
  height: 0;
  margin-right: 0%;
  margin-left: 0.3%;
  padding-top: 3%;
  background: #824E37;
  border-radius: 50%;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-nutrition {
  float: right;
  width: 38%;
  background: rgba(186, 112, 55, 0.2);
  margin-top: 1.7%;
  margin-right: 2.2%;
  padding-bottom: 6%;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-nutrition h3 {
  width: 52%;
  margin: -3% 0 0 23.5%;
}

#icl #recipe .recipe .recipe-contents .recipe-info .recipe-nutrition p {
  width: 76%;
  margin: 15% 0 0 13%;
}

#icl #recipe .recipe .recipe-threestep {
  width: 87%;
  margin: 8.5% 0 0 6%;
}

#icl #recipe .recipe .recipe-threestep h3 {
  width: 100%;
  padding-top: 1.8%;
  padding-bottom: 1.3%;
  border: 1px #824E37 solid;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  background: #824E37;
}

#icl #recipe .recipe .recipe-threestep h3 img {
  display: block;
  width: 26.5%;
  margin: 0 0 0 38%;
}

#icl #recipe .recipe .recipe-threestep .recipe-threestep-lists {
  width: 100%;
  border: 1px #d4c1ba solid;
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 7.5% 0 9.5% 13.5%;
}

#icl #recipe .recipe .recipe-threestep .recipe-threestep-list {
  width: 100%;
}

#icl #recipe .recipe .recipe-threestep .recipe-threestep-list01 img {
  width: 67.2%;
  margin: 0% 0 0 0;
}

#icl #recipe .recipe .recipe-threestep .recipe-threestep-list02 img {
  width: 79%;
  margin: 7.8% 0 0 0;
}

#icl #recipe .recipe .recipe-threestep .recipe-threestep-list03 img {
  width: 82%;
  margin: 7.3% 0 0 0;
}


#icl #recipe .recipe .recipe-teacher {
  width: 91%;
  margin: 6% auto 0;
  overflow: hidden;
}

#icl #recipe .recipe .recipe-teacher .recipe-teacher-callout {
  width: 67%;
  float: left;
}

#icl #recipe .recipe .recipe-teacher .recipe-teacher-image {
  width: 32%;
  float: right;
  margin-left: 1%;
}

#icl #recipe .recipe .recipe-teacher .recipe-teacher-image .recipe-teacher-photo {
  width: 67%;
  margin: 64% 0 0 7%;
}

#icl #recipe .recipe .recipe-teacher .recipe-teacher-image .recipe-teacher-text {
  width: 81%;
  margin: 12% 0 0 0%;
}

#icl #recipe .recipe .recipe-print {
  width: 36%;
  margin: 9.2% 0 0 31.5%;
  cursor: pointer;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}

#icl #recipe .recipe .recipe-print:hover {
  opacity: 0.6;
}

#icl #recipe .recipe .recipe-close-btn {
  width: 31%;
  margin: 5.6% 0 0% 34%;
  padding: 0 0 0% 0;
  cursor: pointer;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
  /* opacity: 0; */
  pointer-events: none;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

#icl #recipe .recipe .recipe-close-btn.display {
  opacity: 1.0;
  pointer-events: auto;
}

#icl #recipe .recipe .recipe-close-btn.display:hover {
  opacity: 0.6;
}


#icl #recipe .recipe02 {
  margin: 7.1% auto 0;
  background: url('../images/recipe/bg02.png') repeat-x;
  background-size: auto 187px;
  background-position: 0 52px;
}

#icl #recipe .recipe02 .recipe-wrap {
  position: relative;
  margin: 0px auto 0;
  background: #fff;
  border: 1px solid #E6D43F;
  background-size: 100% 99.6%;
  background-position: 0 6px;
}

#icl #recipe .recipe02 .recipe-title {
  width: 50%;
  margin: -16px 0 0 24.6%;
}

#icl #recipe .recipe02 .recipe-callout {
  display: block;
  position: absolute;
  top: 19px;
  left: 32px;
  width: 20.46%;
  max-width: 170px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#icl #recipe .recipe02 .recipe-head .recipe-text {}

#icl #recipe .recipe02 .recipe-head .recipe-text .recipe-catch {
  width: 56.5%;
  margin-top: 2%;
  margin-left: 21.5%;
}

#icl #recipe .recipe02 .recipe-head .recipe-text .recipe-name {
  width: 85%;
  margin-top: 4%;
  margin-left: 7%;
}

#icl #recipe .recipe02 .recipe-head .recipe-text .recipe-open-btn {}

#icl #recipe .recipe02 .recipe-head .recipe-text .recipe-open-btn:hover {}

#icl #recipe .recipe02 .recipe-contents {
  width: 100%;
  margin: 3.9% auto 0;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info {
  /* width: 85%; */
  margin: 0 auto 0;
  overflow: hidden;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material {
  float: left;
  width: 52%;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material h3 {
  width: 32%;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-lists {
  margin: 3.9% 0 0;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list {
  width: 100.5%;
  margin: 1% 0 0;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list01 {
  margin: 0 0 0;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list01 img {
  width: 84.2%;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list02 img {
  width: 68.3%;
  margin-left: -1%;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list03 img {
  width: 86%;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list04 img {
  width: 68%;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list05 img {
  width: 84%;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list06 img {
  width: 77%;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list07 img {
  width: 77%;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 1%;
  width: 3%;
  height: 0;
  margin-right: 0%;
  margin-left: 0.3%;
  padding-top: 3%;
  background: #DAC202;
  border-radius: 50%;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-nutrition {
  float: right;
  width: 38%;
  background: rgba(189, 175, 71, 0.2);
  margin-top: 1.7%;
  margin-right: 2.2%;
  padding-bottom: 6%;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-nutrition h3 {
  width: 52%;
  margin: -3% 0 0 23.5%;
}

#icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-nutrition p {
  width: 76%;
  margin: 15% 0 0 13%;
}

#icl #recipe .recipe02 .recipe-threestep {}

#icl #recipe .recipe02 .recipe-threestep h3 {
  width: 100%;
  padding-top: 1.7%;
  padding-bottom: 1.3%;
  border: 4px #DAC200 solid;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  background: #DAC200;
}

#icl #recipe .recipe02 .recipe-threestep h3 img {
  display: block;
  width: 26.5%;
  margin: 0 0 0 38%;
}

#icl #recipe .recipe02 .recipe-threestep .recipe-threestep-lists {
  width: 100%;
  border: 1px #d4c1ba solid;
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 7% 0 7% 23.5%;
}

#icl #recipe .recipe02 .recipe-threestep .recipe-threestep-list {
  width: 100%;
}

#icl #recipe .recipe02 .recipe-threestep .recipe-threestep-list01 img {
  width: 60%;
  margin: 0% 0 0 0;
}

#icl #recipe .recipe02 .recipe-threestep .recipe-threestep-list02 img {
  width: 68%;
  margin: 6.8% 0 0 0;
}

#icl #recipe .recipe02 .recipe-threestep .recipe-threestep-list03 img {
  width: 42%;
  margin: 8.3% 0 0 0;
}


#icl #recipe .recipe02 .recipe-teacher {
  margin: 7% auto 0;
}

#icl #recipe .recipe02 .recipe-teacher .recipe-teacher-callout {
  width: 67%;
  float: left;
}

#icl #recipe .recipe02 .recipe-teacher .recipe-teacher-image {}

#icl #recipe .recipe02 .recipe-teacher .recipe-teacher-image .recipe-teacher-photo {
  width: 67%;
  margin: 60% 0 0 7.5%;
}

#icl #recipe .recipe02 .recipe-teacher .recipe-teacher-image .recipe-teacher-text {
  width: 80%;
  margin: 12% 0 0 0%;
}

#icl #recipe .recipe02 .recipe-print {
  width: 36%;
  margin: 8.2% 0 0 31.5%;
  cursor: pointer;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}

#icl #recipe .recipe02 .recipe-print:hover {
  opacity: 0.6;
}

#icl #recipe .recipe02 .recipe-close-btn {}

#icl #recipe .recipe02 .recipe-close-btn:hover {
  opacity: 0.6;
}


#icl #recipe .recipe03 {
  margin: 7.1% auto 0;
  background: url('../images/recipe/bg03.png') repeat-x;
  background-size: auto 187px;
  background-position: 0 52px;
}

#icl #recipe .recipe03 .recipe-wrap {
  margin: 0px auto 0;
  background: #fff;
  border: 1px solid #ffb3c1;
  background-size: 100% 99.6%;
  background-position: 0 6px;
}

#icl #recipe .recipe03 .recipe-title {
  width: 56.5%;
  margin: -16px 0 0 20.7%;
}

#icl #recipe .recipe03 .recipe-callout {
  display: block;
  position: absolute;
  top: 19px;
  left: 34px;
  width: 20.46%;
  max-width: 170px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#icl #recipe .recipe03 .recipe-head {
  width: 100%;
  margin: 1% 0 0%;
  padding: 0 0 3% 0;
  overflow: hidden;
}

#icl #recipe .recipe03 .recipe-head .recipe-image {
  width: 41.81%;
  margin-top: 2%;
}

#icl #recipe .recipe03 .recipe-head .recipe-text {
  float: left;
  width: 56%;
  margin-left: 1%;
}

#icl #recipe .recipe03 .recipe-head .recipe-text .recipe-catch {
  width: 51.5%;
  margin-top: 2%;
  margin-left: 24%;
}

#icl #recipe .recipe03 .recipe-head .recipe-text .recipe-name {
  width: 78.5%;
  margin-top: 4%;
  margin-left: 10.5%;
}

#icl #recipe .recipe03 .recipe-head .recipe-text .recipe-open-btn {}

#icl #recipe .recipe03 .recipe-head .recipe-text .recipe-open-btn:hover {
  opacity: 0.6;
}

#icl #recipe .recipe03 .recipe-contents {
  width: 100%;
  margin: 4% auto 0;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info {
  width: 89%;
  margin: 0 auto 0;
  overflow: hidden;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material {
  float: left;
  width: 52%;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material h3 {
  width: 32%;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-lists {
  margin: 3% 0 0;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list {
  width: 100.5%;
  margin: 2% 0 0;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list01 {
  margin: 0 0 0;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list01 img {
  width: 92.2%;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list02 img {
  width: 83.3%;
  margin-left: -1%;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list03 img {
  width: 84%;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list04 img {
  width: 85%;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list05 img {
  width: 84%;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list06 img {
  width: 77%;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list07 img {
  width: 77%;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 1%;
  width: 3%;
  height: 0;
  margin-right: 0%;
  margin-left: 0.3%;
  padding-top: 3%;
  background: #FF7B90;
  border-radius: 50%;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-nutrition {
  float: right;
  width: 38%;
  background: rgba(239, 108, 135, 0.2);
  margin-top: 1.8%;
  margin-right: 2.2%;
  padding-bottom: 6%;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-nutrition h3 {
  width: 52%;
  margin: -5% 0 0 23.5%;
}

#icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-nutrition p {
  width: 76%;
  margin: 15% 0 0 13%;
}

#icl #recipe .recipe03 .recipe-threestep {}

#icl #recipe .recipe03 .recipe-threestep h3 {
  width: 100%;
  padding-top: 1.8%;
  padding-bottom: 1.3%;
  border: 1px #FF7B90 solid;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  background: #FF7B90;
}

#icl #recipe .recipe03 .recipe-threestep h3 img {
  display: block;
  width: 26.5%;
  margin: 0 0 0 38%;
}

#icl #recipe .recipe03 .recipe-threestep .recipe-threestep-lists {
  width: 100%;
  border: 1px #d4c1ba solid;
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 6.2% 0 7.2% 10.5%;
}

#icl #recipe .recipe03 .recipe-threestep .recipe-threestep-list {
  width: 100%;
}

#icl #recipe .recipe03 .recipe-threestep .recipe-threestep-list01 img {
  width: 65%;
  margin: 0% 0 0 0;
}

#icl #recipe .recipe03 .recipe-threestep .recipe-threestep-list02 img {
  width: 92%;
  margin: 7.3% 0 0 0;
}

#icl #recipe .recipe03 .recipe-threestep .recipe-threestep-list03 img {
  width: 75%;
  margin: 7.3% 0 0 0;
}


#icl #recipe .recipe03 .recipe-teacher {
  width: 93%;
  margin: 5% auto 0;
  overflow: hidden;
}

#icl #recipe .recipe03 .recipe-teacher .recipe-teacher-callout {
  width: 70%;
  float: left;
}

#icl #recipe .recipe03 .recipe-teacher .recipe-teacher-image {
  width: 29%;
  float: right;
}

#icl #recipe .recipe03 .recipe-teacher .recipe-teacher-image .recipe-teacher-photo {
  width: 71%;
  margin: 79% 0 0 9%;
}

#icl #recipe .recipe03 .recipe-teacher .recipe-teacher-image .recipe-teacher-text {
  width: 85%;
  margin: 14% 0 0 1%;
}

#icl #recipe .recipe03 .recipe-print {
  width: 36%;
  margin: 6.5% 0 0 31.5%;
  cursor: pointer;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}

#icl #recipe .recipe03 .recipe-print:hover {
  opacity: 0.6;
}

#icl #recipe .recipe03 .recipe-close-btn {
  width: 30%;
  padding: 0 0 0% 0;
  cursor: pointer;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}

#icl #recipe .recipe03 .recipe-close-btn:hover {
  opacity: 0.6;
}


#icl #recipe .recipe04 {
  margin: 7.2% auto 0;
  background: url('../images/recipe/bg04.png') repeat-x;
  background-size: auto 187px;
  background-position: 0 52px;
}

#icl #recipe .recipe04 .recipe-wrap {
  position: relative;
  margin: 0px auto 0;
  background: #fff;
  border: 1px solid #d36780;
  background-size: 100% 99.6%;
  background-position: 0 6px;
}

#icl #recipe .recipe04 .recipe-title {
  width: 48.5%;
  margin: -16px 0 0 25.2%;
}

#icl #recipe .recipe04 .recipe-callout {
  display: block;
  position: absolute;
  top: 23px;
  left: 28px;
  width: 21.46%;
  max-width: 170px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#icl #recipe .recipe04 .recipe-head {
  width: 100%;
  margin: 1.3% 0 0%;
  padding: 0 0 4% 0;
  overflow: hidden;
}

#icl #recipe .recipe04 .recipe-head .recipe-image {}

#icl #recipe .recipe04 .recipe-head .recipe-text {
  float: left;
  width: 53%;
  margin-left: 1%;
}

#icl #recipe .recipe04 .recipe-head .recipe-text .recipe-catch {
  width: 41.5%;
  margin-top: 2%;
  margin-left: 32%;
}

#icl #recipe .recipe04 .recipe-head .recipe-text .recipe-name {
  width: 84%;
  margin-top: 3.5%;
  margin-left: 10%;
}

#icl #recipe .recipe04 .recipe-head .recipe-text .recipe-open-btn {}

#icl #recipe .recipe04 .recipe-head .recipe-text .recipe-open-btn:hover {}

#icl #recipe .recipe04 .recipe-contents {
  width: 100%;
  margin: 2.8% auto 0;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info {}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material {
  float: left;
  width: 52%;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material h3 {
  width: 32%;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-lists {
  margin: 3.5% 0 0;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list {
  width: 100.5%;
  margin: 2% 0 0;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list01 {
  margin: 0 0 0;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list01 img {
  width: 86%;
  margin-left: -1%;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list02 img {
  width: 67.3%;
  margin-left: 0%;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list03 img {
  width: 66%;
  margin-left: -1%;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list04 img {
  width: 79%;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list05 img {
  width: 68%;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list06 img {
  width: 67%;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list07 img {
  width: 77%;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 1%;
  width: 3%;
  height: 0;
  margin-right: 0%;
  margin-left: 0.3%;
  padding-top: 3%;
  background: #B8002B;
  border-radius: 50%;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-nutrition {
  float: right;
  width: 38%;
  background: rgba(139, 0, 15, 0.2);
  margin-top: 1.7%;
  margin-right: 2.2%;
  padding-bottom: 6%;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-nutrition h3 {
  width: 52%;
  margin: -5% 0 0 22.5%;
}

#icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-nutrition p {
  width: 76%;
  margin: 15% 0 0 13%;
}

#icl #recipe .recipe04 .recipe-threestep {}

#icl #recipe .recipe04 .recipe-threestep h3 {
  width: 100%;
  padding-top: 1.8%;
  padding-bottom: 1.3%;
  border: 1px #B8002B solid;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  background: #B8002B;
}

#icl #recipe .recipe04 .recipe-threestep h3 img {
  display: block;
  width: 26.5%;
  margin: 0 0 0 38%;
}

#icl #recipe .recipe04 .recipe-threestep .recipe-threestep-lists {
  width: 100%;
  border: 1px #d4c1ba solid;
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 10% 0 12.5% 10.5%;
}

#icl #recipe .recipe04 .recipe-threestep .recipe-threestep-list {
  width: 100%;
}

#icl #recipe .recipe04 .recipe-threestep .recipe-threestep-list01 img {
  width: 39%;
  margin: 0% 0 0 0;
}

#icl #recipe .recipe04 .recipe-threestep .recipe-threestep-list02 img {
  width: 81.4%;
  margin: 6.2% 0 0 0;
}

#icl #recipe .recipe04 .recipe-threestep .recipe-threestep-list03 img {
  width: 87%;
  margin: 7.3% 0 0 0;
}


#icl #recipe .recipe04 .recipe-teacher {
  width: 89%;
  margin: 5.8% auto 0;
  overflow: hidden;
}

#icl #recipe .recipe04 .recipe-teacher .recipe-teacher-callout {
  width: 53%;
  margin-left: 4%;
  float: left;
}

#icl #recipe .recipe04 .recipe-teacher .recipe-teacher-image {
  width: 36.5%;
  float: right;
  margin-left: 3%;
}

#icl #recipe .recipe04 .recipe-teacher .recipe-teacher-image .recipe-teacher-photo {
  width: 59%;
  margin: 29.8% 0 0 7%;
}

#icl #recipe .recipe04 .recipe-teacher .recipe-teacher-image .recipe-teacher-text {
  width: 72%;
  margin: 11% 0 0 0%;
}

#icl #recipe .recipe04 .recipe-print {
  width: 36%;
  margin: 10.2% 0 0 31.5%;
  cursor: pointer;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}

#icl #recipe .recipe04 .recipe-print:hover {
  opacity: 0.6;
}

#icl #recipe .recipe04 .recipe-close-btn {}

#icl #recipe .recipe04 .recipe-close-btn:hover {
  opacity: 0.6;
}


#icl #recipe .movie {
  margin: 6.8% 0 0 0;
}

#icl #recipe .movie .movie-wrap {
  position: relative;
  max-width: 925px;
  width: 81.46%;
  margin: 0px auto 5%;
  padding: 0 0 7.5%;
  background: url(../images/recipe/flame05.png) no-repeat;
  background-size: 100% 93.6%;
  background-position: 0 84px;
}

#icl #recipe .movie .movie-head {
  position: relative;
  overflow: hidden;
  width: 89%;
  margin: 0% auto 0;
}

#icl #recipe .movie .movie-head .movie-callout {
  /* position: absolute; */
  /* left: 0%; */
  /* top: 0%; */
  margin-top: -1.2%;
  float: left;
  width: 20.379%;
}

#icl #recipe .movie .movie-head .movie-title {
  float: left;
  width: 75.3%;
  margin: 2.5% auto 0;
}

#icl #recipe .movie .movie-lists {
  width: 81%;
  margin: 3.2% auto 0;
}

#icl #recipe .movie .movie-lists .movie-list {
  overflow: hidden;
  background: url(../images/recipe/line05-sp.png) no-repeat;
  background-size: 98% auto;
  background-position: top left;
}

#icl #recipe .movie .movie-lists .movie-list01 {
  margin: 0 0 0 0;
  background: none;
}

#icl #recipe .movie .movie-lists .movie-list02 {
  margin: 6.3% 0 0 0;
  padding: 6.7% 0 0 0;
}

#icl #recipe .movie .movie-lists .movie-list03 {
  margin: 6.2% 0 0 0;
  padding: 6.7% 0 0 0;
}

#icl #recipe .movie .movie-lists .movie-list #movie01,
#icl #recipe .movie .movie-lists .movie-list #movie02,
#icl #recipe .movie .movie-lists .movie-list #movie03 {
  float: left;
  position: relative;
  width: 50%;
  height: 0;
  padding-top: 27.9%;
}

#icl #recipe .movie .movie-lists .movie-list iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#icl #recipe .movie .movie-lists .movie-list .movie-text-block {
  float: right;
  width: 50%;
  padding: 5.8% 0 0 0;
}

#icl #recipe .movie .movie-lists .movie-list .movie-text-block .movie-title {
  width: 42%;
  margin: 0 0 0 30%;
}

#icl #recipe .movie .movie-lists .movie-list .movie-text-block .movie-text {
  width: 64%;
  margin: 7.5% 0 0 20%;
}

#icl #recipe .movie .movie-lists .movie-list02 .movie-text-block {
  float: right;
  width: 50%;
  padding: 6.9% 0 0 0;
}

#icl #recipe .movie .movie-lists .movie-list02 .movie-text-block .movie-title {
  width: 42%;
  margin: 0 0 0 30.5%;
}

#icl #recipe .movie .movie-lists .movie-list02 .movie-text-block .movie-text {
  width: 61%;
  margin: 8% 0 0 21%;
}

#icl #recipe .movie .movie-lists .movie-list03 .movie-text-block {
  float: right;
  width: 50%;
  padding: 7.8% 0 0 0;
}

#icl #recipe .movie .movie-lists .movie-list03 .movie-text-block .movie-title {
  width: 75%;
  margin: 0 0 0 14%;
}

#icl #recipe .movie .movie-lists .movie-list03 .movie-text-block .movie-text {
  width: 73%;
  margin: 7.5% 0 0 14.5%;
}

@media (max-width: 1060px) {
  #icl #recipe .movie .movie-wrap {
    margin: 0px auto 5%;
    padding: 0 0 7.5%;
    background: url(../images/recipe/flame05.png) no-repeat;
    background-size: 100% 89.6%;
    background-position: 0 84px;
  }
}

@media (max-width: 767px) {
  #icl #recipe .contents {
    padding: 15px 0 20px;
  }

  #icl #recipe .contents .mainvisual {}

  #icl #recipe .contents .mainvisual .wrap {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0;
  }

  #icl #recipe .contents .mainvisual .wrap img {
    display: block;
    width: 100%;
    max-width: 654px;
    margin: 0 auto 0;
  }

  #icl #recipe .contents .catch {
    margin: -0.4% 0 0 0;
  }

  #icl #recipe .contents .catch .wrap {
    max-width: 1000px;
    width: 81.46%;
    margin: 0 auto 0;
  }

  #icl #recipe .contents .catch .wrap img {
    display: block;
    width: 100%;
    max-width: 469px;
    margin: 0 0 0 0%;
  }

  #icl #recipe .recipe {
    margin: 11% auto 0;
    background: url('../images/recipe/bg01-sp.png') repeat-x;
    background-size: auto 309px;
    background-position: center 114px;
  }

  #icl #recipe .recipe .recipe-wrap {
    position: relative;
    max-width: 831px;
    width: 85.46%;
    margin: 0px auto 0;
    padding: 7% 0 0 0;
  }

  #icl #recipe .recipe .recipe-title {
    width: 65%;
    margin: 0 0 0 32%;
  }

  #icl #recipe .recipe .recipe-title::after {
    display: none;
  }

  #icl #recipe .recipe .recipe-callout {
    display: block;
    position: absolute;
    top: 30px;
    left: 41px;
    width: 42.46%;
    max-width: 170px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #icl #recipe .recipe .recipe-head {
    width: 94%;
    margin: 0% auto 0%;
    padding: 0 0 14% 0;
    overflow: hidden;
  }

  #icl #recipe .recipe .recipe-head .recipe-image {
    float: none;
    width: 100%;
  }

  #icl #recipe .recipe .recipe-head .recipe-text {
    float: none;
    width: 100%;
    margin-top: 4%;
    margin-left: 0%;
  }

  #icl #recipe .recipe .recipe-head .recipe-text .recipe-catch {
    width: 65.5%;
    margin-top: 7%;
    margin-left: 15%;
  }

  #icl #recipe .recipe .recipe-head .recipe-text .recipe-name {
    width: 92.5%;
    margin-top: 5.5%;
    margin-left: 4%;
  }

  #icl #recipe .recipe .recipe-head .recipe-text .recipe-open-btn {
    width: 79%;
    margin: 9% auto 0;
    cursor: pointer;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }

  #icl #recipe .recipe .recipe-head .recipe-text .recipe-open-btn.hide {
    display: none;
  }

  #icl #recipe .recipe .recipe-head .recipe-text .recipe-open-btn:hover {
    opacity: 0.6;
  }

  #icl #recipe .recipe .recipe-contents {
    width: 100%;
    margin: 0% auto 0;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info {
    width: 90%;
    margin: 0 auto 0;
    overflow: hidden;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-material {
    float: none;
    width: 100%;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-material h3 {
    width: 32%;
    margin-left: 1%;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-lists {
    margin: 3% 0 16%;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list {
    width: 100.5%;
    margin: 3% 0 0;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list01 {
    margin: 0 0 0;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list01 img {
    width: 89.2%;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list02 img {
    width: 82.3%;
    margin-left: -1%;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list03 img {
    width: 79.5%;
    margin-left: 2px;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list04 img {
    width: 74%;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list05 img {
    width: 84%;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list06 img {
    width: 77%;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list07 img {
    width: 77%;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-material .recipe-material-list:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
    width: 3%;
    height: 0;
    margin-right: 3px;
    margin-left: 0.3%;
    padding-top: 3%;
    background: #824E37;
    border-radius: 50%;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-nutrition {
    float: none;
    width: 100%;
    background: rgba(186, 112, 55, 0.2);
    margin-top: -0.3%;
    margin-right: 2.2%;
    padding-bottom: 4%;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-nutrition h3 {
    position: relative;
    top: -13px;
    width: 38%;
    margin: 0% 0 0 30.5%;
  }

  #icl #recipe .recipe .recipe-contents .recipe-info .recipe-nutrition p {
    width: 89%;
    margin: 0% 0 0 6%;
  }

  #icl #recipe .recipe .recipe-threestep {
    width: 88.5%;
    margin: 12.8% 0 0 6%;
  }

  #icl #recipe .recipe .recipe-threestep h3 {
    width: 100%;
    padding-top: 2.8%;
    padding-bottom: 4.3%;
    border: 1px #824E37 solid;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background: #824E37;
  }

  #icl #recipe .recipe .recipe-threestep h3 img {
    display: block;
    width: 68.5%;
    margin: 0 0 0 15%;
  }

  #icl #recipe .recipe .recipe-threestep .recipe-threestep-lists {
    width: 100%;
    border: 1px #d4c1ba solid;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 7.5% 0 12% 4.5%;
  }

  #icl #recipe .recipe .recipe-threestep .recipe-threestep-list {
    width: 100%;
  }

  #icl #recipe .recipe .recipe-threestep .recipe-threestep-list01 img {
    width: 87%;
    margin: 0% 0 0 0;
  }

  #icl #recipe .recipe .recipe-threestep .recipe-threestep-list02 img {
    width: 93%;
    margin: 11.8% 0 0 0;
  }

  #icl #recipe .recipe .recipe-threestep .recipe-threestep-list03 img {
    width: 90%;
    margin: 12.3% 0 0 0;
  }


  #icl #recipe .recipe .recipe-teacher {
    width: 95%;
    margin: 6% auto 0;
    overflow: hidden;
  }

  #icl #recipe .recipe .recipe-teacher .recipe-teacher-callout {
    width: 100%;
    float: none;
  }

  #icl #recipe .recipe .recipe-teacher .recipe-teacher-image {
    width: 100%;
    float: right;
  }

  #icl #recipe .recipe .recipe-teacher .recipe-teacher-image .recipe-teacher-photo {
    width: 34%;
    margin: 4% 0 0 33%;
  }

  #icl #recipe .recipe .recipe-teacher .recipe-teacher-image .recipe-teacher-text {
    width: 37%;
    margin: 3% 0 0 32%;
  }

  #icl #recipe .recipe .recipe-print {
    width: 78.5%;
    margin: 11.2% 0 0 10.5%;
    cursor: pointer;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }

  #icl #recipe .recipe .recipe-print:hover {
    opacity: 0.6;
  }

  #icl #recipe .recipe .recipe-close-btn {
    width: 76%;
    margin: 3.4% 0 0% 12%;
    padding: 0 0 0% 0;
    cursor: pointer;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }

  #icl #recipe .recipe .recipe-close-btn:hover {
    opacity: 0.6;
  }




  #icl #recipe .recipe02 {
    margin: 28.5% auto 0;
    background: url('../images/recipe/bg02-sp.png') repeat-x;
    background-size: auto 309px;
    background-position: center 115px;
  }

  #icl #recipe .recipe02 .recipe-wrap {
    position: relative;
    margin: 0px auto 0;
    padding: 8% 0 0 0;
    background: #fff;
    background-size: 100% 99.6%;
    background-position: 0 0px;
  }

  #icl #recipe .recipe02 .recipe-title {
    width: 61%;
    margin: 0 0 0 31%;
  }

  #icl #recipe .recipe02 .recipe-callout {
    display: block;
    position: absolute;
    top: 26px;
    left: 41px;
    width: 38.46%;
    max-width: 170px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #icl #recipe .recipe02 .recipe-head {
    padding: 0 0 12% 0;
    overflow: hidden;
  }

  #icl #recipe .recipe02 .recipe-head .recipe-image {
    float: none;
    width: 100%;
  }

  #icl #recipe .recipe02 .recipe-head .recipe-text {
    float: none;
    width: 100%;
    margin-top: 4%;
    margin-left: 1%;
  }

  #icl #recipe .recipe02 .recipe-head .recipe-text .recipe-catch {
    width: 62.5%;
    margin-top: 6%;
    margin-left: 17%;
  }

  #icl #recipe .recipe02 .recipe-head .recipe-text .recipe-name {
    width: 99.5%;
    margin-top: 5.5%;
    margin-left: 2%;
  }

  #icl #recipe .recipe02 .recipe-head .recipe-text .recipe-open-btn {}

  #icl #recipe .recipe02 .recipe-head .recipe-text .recipe-open-btn:hover {
    opacity: 0.6;
  }

  #icl #recipe .recipe02 .recipe-contents {
    width: 100%;
    margin: 0% auto 0;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info {
    margin: 0 auto 0;
    overflow: hidden;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material {
    float: none;
    width: 100%;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material h3 {
    width: 32%;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-lists {
    margin: 3.2% 0 17%;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list {
    width: 100.5%;
    margin: 3% 0 0;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list01 {
    margin: 0 0 0;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list01 img {
    width: 89.2%;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list02 img {
    width: 72.3%;
    margin-left: 0%;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list03 img {
    width: 90.5%;
    margin-left: 2px;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list04 img {
    width: 74%;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list05 img {
    width: 84%;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list06 img {
    width: 77%;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list07 img {
    width: 77%;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-material .recipe-material-list:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
    width: 3%;
    height: 0;
    margin-right: 3px;
    margin-left: 0.3%;
    padding-top: 3%;
    background: #DAC200;
    border-radius: 50%;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-nutrition {
    float: none;
    width: 100%;
    background: rgba(189, 175, 71, 0.2);
    margin-top: 14.7%;
    margin-right: 2.2%;
    padding-bottom: 5%;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-nutrition h3 {
    position: relative;
    top: -13px;
    width: 38%;
    margin: 0% 0 0 30.5%;
  }

  #icl #recipe .recipe02 .recipe-contents .recipe-info .recipe-nutrition p {
    width: 89%;
    margin: 0% 0 0 6%;
  }

  #icl #recipe .recipe02 .recipe-threestep {
    /* width: 83.5%; */
    margin: 11.8% 0 0 6%;
  }

  #icl #recipe .recipe02 .recipe-threestep h3 {
    width: 100%;
    padding-top: 2.8%;
    padding-bottom: 4.3%;
    border: 1px #DAC200 solid;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background: #DAC200;
  }

  #icl #recipe .recipe02 .recipe-threestep h3 img {
    display: block;
    width: 68.5%;
    margin: 0 0 0 15%;
  }

  #icl #recipe .recipe02 .recipe-threestep .recipe-threestep-lists {
    width: 100%;
    border: 1px #d4c1ba solid;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 8.5% 0 8.5% 5.5%;
  }

  #icl #recipe .recipe02 .recipe-threestep .recipe-threestep-list {
    width: 100%;
  }

  #icl #recipe .recipe02 .recipe-threestep .recipe-threestep-list01 img {
    width: 94%;
    margin: 0% 0 0 0;
  }

  #icl #recipe .recipe02 .recipe-threestep .recipe-threestep-list02 img {
    width: 85%;
    margin: 10.8% 0 0 0;
  }

  #icl #recipe .recipe02 .recipe-threestep .recipe-threestep-list03 img {
    width: 65%;
    margin: 12.3% 0 0 0;
  }


  #icl #recipe .recipe02 .recipe-teacher {
    width: 94.5%;
    margin: 5% auto 0;
    overflow: hidden;
  }

  #icl #recipe .recipe02 .recipe-teacher .recipe-teacher-callout {
    width: 100%;
    float: none;
  }

  #icl #recipe .recipe02 .recipe-teacher .recipe-teacher-image {
    width: 100%;
    float: right;
  }

  #icl #recipe .recipe02 .recipe-teacher .recipe-teacher-image .recipe-teacher-photo {
    width: 34%;
    margin: 2% 0 0 33%;
  }

  #icl #recipe .recipe02 .recipe-teacher .recipe-teacher-image .recipe-teacher-text {
    width: 37%;
    margin: 3% 0 0 32%;
  }

  #icl #recipe .recipe02 .recipe-print {}

  #icl #recipe .recipe02 .recipe-print:hover {
    opacity: 0.6;
  }

  #icl #recipe .recipe02 .recipe-close-btn {
    cursor: pointer;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }

  #icl #recipe .recipe02 .recipe-close-btn:hover {
    opacity: 0.6;
  }


  #icl #recipe .recipe03 {
    margin: 29% auto 0;
    background: url('../images/recipe/bg03-sp.png') repeat-x;
    background-size: auto 309px;
    background-position: center 113px;
  }

  #icl #recipe .recipe03 .recipe-wrap {
    position: relative;
    margin: 0px auto 0;
    padding: 0% 0 0 0;
    background: #fff;
    border: 1px solid #ffb3c1;
    background-size: 100% 99.6%;
    background-position: 0 0px;
  }

  #icl #recipe .recipe03 .recipe-title {
    width: 65%;
    margin: 0 0 0 31%;
  }

  #icl #recipe .recipe03 .recipe-callout {
    display: block;
    position: absolute;
    top: 26px;
    left: 41px;
    width: 39.46%;
    max-width: 170px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #icl #recipe .recipe03 .recipe-head {
    width: 94%;
    margin: 9.3% auto 0%;
    padding: 0 0 12% 0;
    overflow: hidden;
  }

  #icl #recipe .recipe03 .recipe-head .recipe-image {
    float: none;
    width: 100%;
  }

  #icl #recipe .recipe03 .recipe-head .recipe-text {
    float: none;
    width: 100%;
    margin-top: 3.5%;
    margin-left: 1%;
  }

  #icl #recipe .recipe03 .recipe-head .recipe-text .recipe-catch {
    width: 56.5%;
    margin-top: 6.5%;
    margin-left: 20%;
  }

  #icl #recipe .recipe03 .recipe-head .recipe-text .recipe-name {
    width: 91.5%;
    margin-top: 5.5%;
    margin-left: 3%;
  }

  #icl #recipe .recipe03 .recipe-head .recipe-text .recipe-open-btn {}

  #icl #recipe .recipe03 .recipe-head .recipe-text .recipe-open-btn:hover {
    opacity: 0.6;
  }

  #icl #recipe .recipe03 .recipe-contents {
    width: 100%;
    margin: 0 auto 0;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info {}

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material {
    float: none;
    width: 100%;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material h3 {
    width: 32%;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-lists {
    margin: 3.2% 0 18%;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list {
    width: 100.5%;
    margin: 3% 0 0;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list01 {
    margin: 0 0 0;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list01 img {
    width: 89.2%;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list02 img {
    width: 78.3%;
    margin-left: 0%;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list03 img {
    width: 79.5%;
    margin-left: 2px;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list04 img {
    width: 80.5%;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list05 img {
    width: 84%;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list06 img {
    width: 77%;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list07 img {
    width: 77%;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-material .recipe-material-list:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
    width: 3%;
    height: 0;
    margin-right: 3px;
    margin-left: 0.3%;
    padding-top: 3%;
    background: #FF7B90;
    border-radius: 50%;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-nutrition {
    float: none;
    width: 100%;
    background: rgba(186, 112, 55, 0.2);
    margin-top: 15.7%;
    margin-right: 2.2%;
    padding-bottom: 5%;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-nutrition h3 {
    position: relative;
    top: -13px;
    width: 38%;
    margin: 0% 0 0 30.5%;
  }

  #icl #recipe .recipe03 .recipe-contents .recipe-info .recipe-nutrition p {
    width: 89%;
    margin: 0% 0 0 6%;
  }

  #icl #recipe .recipe03 .recipe-threestep {}

  #icl #recipe .recipe03 .recipe-threestep h3 {
    width: 100%;
    padding-top: 2.8%;
    padding-bottom: 4.3%;
    border: 1px #FF7B90 solid;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background: #FF7B90;
  }

  #icl #recipe .recipe03 .recipe-threestep h3 img {
    display: block;
    width: 68.5%;
    margin: 0 0 0 15%;
  }

  #icl #recipe .recipe03 .recipe-threestep .recipe-threestep-lists {
    width: 100%;
    border: 1px #d4c1ba solid;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 8.5% 0 10.5% 2.5%;
  }

  #icl #recipe .recipe03 .recipe-threestep .recipe-threestep-list {
    width: 100%;
  }

  #icl #recipe .recipe03 .recipe-threestep .recipe-threestep-list01 img {
    width: 84%;
    margin: 0% 0 0 0;
  }

  #icl #recipe .recipe03 .recipe-threestep .recipe-threestep-list02 img {
    width: 95%;
    margin: 11.8% 0 0 0;
  }

  #icl #recipe .recipe03 .recipe-threestep .recipe-threestep-list03 img {
    width: 76.5%;
    margin: 12.3% 0 0 0;
  }


  #icl #recipe .recipe03 .recipe-teacher {}

  #icl #recipe .recipe03 .recipe-teacher .recipe-teacher-callout {
    width: 100%;
    float: none;
  }

  #icl #recipe .recipe03 .recipe-teacher .recipe-teacher-image {
    width: 100%;
    float: right;
  }

  #icl #recipe .recipe03 .recipe-teacher .recipe-teacher-image .recipe-teacher-photo {
    width: 34%;
    margin: 4% 0 0 33%;
  }

  #icl #recipe .recipe03 .recipe-teacher .recipe-teacher-image .recipe-teacher-text {
    width: 37%;
    margin: 3% 0 0 32%;
  }

  #icl #recipe .recipe03 .recipe-print {
    width: 78.5%;
    margin: 11.2% 0 0 10.5%;
    cursor: pointer;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }

  #icl #recipe .recipe03 .recipe-print:hover {
    opacity: 0.6;
  }

  #icl #recipe .recipe03 .recipe-close-btn {
    cursor: pointer;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }

  #icl #recipe .recipe03 .recipe-close-btn:hover {
    opacity: 0.6;
  }


  #icl #recipe .recipe04 {
    margin: 22% auto 0;
    background: url('../images/recipe/bg04-sp.png') repeat-x;
    background-size: auto 309px;
    background-position: center 116px;
  }

  #icl #recipe .recipe04 .recipe-wrap {
    position: relative;
    margin: 0px auto 0;
    padding: 7% 0 0 0;
    background: #fff;
    border: 1px solid #d36780;
    background-size: 100% 99.6%;
    background-position: 0 0px;
  }

  #icl #recipe .recipe04 .recipe-head .recipe-text .recipe-title {
    width: 91%;
    margin: 0 0 0 0%;
  }

  #icl #recipe .recipe04 .recipe-callout {
    display: block;
    position: absolute;
    top: 28px;
    left: 43px;
    width: 41.46%;
    max-width: 170px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #icl #recipe .recipe04 .recipe-head {
    padding: 0 0 12% 0;
    overflow: hidden;
  }

  #icl #recipe .recipe04 .recipe-head .recipe-image {
    float: none;
    width: 100%;
  }

  #icl #recipe .recipe04 .recipe-head .recipe-text {
    float: none;
    width: 100%;
    margin-top: 6%;
    margin-left: 1.5%;
  }

  #icl #recipe .recipe04 .recipe-head .recipe-text .recipe-catch {
    width: 44.5%;
    margin-top: 7%;
    margin-left: 26%;
  }

  #icl #recipe .recipe04 .recipe-head .recipe-text .recipe-name {
    width: 90.5%;
    margin-top: 4.5%;
    margin-left: 1%;
  }

  #icl #recipe .recipe04 .recipe-head .recipe-text .recipe-open-btn {}

  #icl #recipe .recipe .recipe-head .recipe-text .recipe-open-btn:hover {
    opacity: 0.6;
  }

  #icl #recipe .recipe04 .recipe-contents {
    width: 100%;
    margin: 0% auto 0;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info {}

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material {
    float: none;
    width: 100%;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material h3 {
    width: 32%;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-lists {
    margin: 3.2% 0 18%;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list {
    width: 100.5%;
    margin: 3% 0 0;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list01 {
    margin: 0 0 0;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list01 img {
    width: 89.2%;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list02 img {
    width: 69.8%;
    margin-left: 0;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list03 img {
    width: 69%;
    margin-left: 0%;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list04 img {
    width: 83.5%;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list05 img {
    width: 73%;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list06 img {
    width: 73%;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list07 img {
    width: 77%;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-material .recipe-material-list:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
    width: 3%;
    height: 0;
    margin-right: 3px;
    margin-left: 0.3%;
    padding-top: 3%;
    background: #B8002B;
    border-radius: 50%;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-nutrition {
    float: none;
    width: 100%;
    background: rgba(139, 0, 15, 0.2);
    margin-top: 15.7%;
    margin-right: 2.2%;
    padding-bottom: 4%;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-nutrition h3 {
    position: relative;
    top: -13px;
    width: 38%;
    margin: 0% 0 0 30.5%;
  }

  #icl #recipe .recipe04 .recipe-contents .recipe-info .recipe-nutrition p {
    width: 89%;
    margin: 0% 0 0 6%;
  }

  #icl #recipe .recipe04 .recipe-threestep {
    margin: 11.8% 0 0 6%;
  }

  #icl #recipe .recipe04 .recipe-threestep h3 {
    width: 100%;
    padding-top: 2.8%;
    padding-bottom: 4.3%;
    border: 1px #B8002B solid;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background: #B8002B;
  }

  #icl #recipe .recipe04 .recipe-threestep h3 img {
    display: block;
    width: 68.5%;
    margin: 0 0 0 15%;
  }

  #icl #recipe .recipe04 .recipe-threestep .recipe-threestep-lists {
    width: 100%;
    border: 1px #d4c1ba solid;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 9.5% 0 12.5% 4.5%;
  }

  #icl #recipe .recipe04 .recipe-threestep .recipe-threestep-list {
    width: 100%;
  }

  #icl #recipe .recipe04 .recipe-threestep .recipe-threestep-list01 img {
    width: 72%;
    margin: 0% 0 0 0;
  }

  #icl #recipe .recipe04 .recipe-threestep .recipe-threestep-list02 img {
    width: 93%;
    margin: 11.8% 0 0 0;
  }

  #icl #recipe .recipe04 .recipe-threestep .recipe-threestep-list03 img {
    width: 90%;
    margin: 12.3% 0 0 0;
  }


  #icl #recipe .recipe04 .recipe-teacher {
    width: 94%;
    margin: 6% auto 0;
    overflow: hidden;
  }

  #icl #recipe .recipe04 .recipe-teacher .recipe-teacher-callout {
    width: 100%;
    float: none;
    margin-left: 0;
  }

  #icl #recipe .recipe04 .recipe-teacher .recipe-teacher-image {
    width: 100%;
    float: right;
  }

  #icl #recipe .recipe04 .recipe-teacher .recipe-teacher-image .recipe-teacher-photo {
    width: 34%;
    margin: 4% 0 0 33%;
  }

  #icl #recipe .recipe04 .recipe-teacher .recipe-teacher-image .recipe-teacher-text {
    width: 37%;
    margin: 3% 0 0 32%;
  }

  #icl #recipe .recipe04 .recipe-print {}

  #icl #recipe .recipe04 .recipe-print:hover {
    opacity: 0.6;
  }

  #icl #recipe .recipe04 .recipe-close-btn {
    width: 76%;
    margin: 4.4% 0 0% 12%;
    padding: 0 0 0% 0;
    cursor: pointer;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }

  #icl #recipe .recipe04 .recipe-close-btn:hover {
    opacity: 0.6;
  }


  #icl #recipe .movie {
    margin: 26% 0 0 0;
  }

  #icl #recipe .movie .movie-wrap {
    position: relative;
    max-width: 925px;
    width: 97.46%;
    margin: 19% auto 16%;
    padding: 0 0 23.5%;
    background: url(../images/recipe/flame05-sp.png) no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
  }

  #icl #recipe .movie .movie-head {
    position: relative;
    overflow: visible;
    width: 100%;
    padding: 14% 0 0;
    margin: 0% auto 0;
  }

  #icl #recipe .movie .movie-head .movie-callout {
    /* position: absolute; */
    /* left: 0%; */
    /* top: 0%; */
    float: none;
    position: absolute;
    top: -64px;
    width: 35.379%;
    margin: 0 0 0 17px;
  }

  #icl #recipe .movie .movie-head .movie-title {
    float: none;
    width: 82.1%;
    margin: 3% auto 0;
  }

  #icl #recipe .movie .movie-lists {
    width: 85%;
    margin: 14.9% auto 0;
  }

  #icl #recipe .movie .movie-lists .movie-list {
    overflow: visible;
    background: url(../images/recipe/line05-sp.png) no-repeat;
    background-size: 100% auto;
    background-position: top left;
  }

  #icl #recipe .movie .movie-lists .movie-list01 {
    margin: 0 0 0 0;
    background: none;
  }

  #icl #recipe .movie .movie-lists .movie-list02 {
    margin: 16.2% 0 0 0;
    padding: 17.7% 0 0 0;
  }

  #icl #recipe .movie .movie-lists .movie-list03 {
    margin: 16.2% 0 0 0;
    padding: 17.7% 0 0 0;
  }

  #icl #recipe .movie .movie-lists .movie-list #movie01,
  #icl #recipe .movie .movie-lists .movie-list #movie02,
  #icl #recipe .movie .movie-lists .movie-list #movie03 {
    float: none;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.4%;
  }

  #icl #recipe .movie .movie-lists .movie-list iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #icl #recipe .movie .movie-lists .movie-list .movie-text-block {
    float: none;
    width: 100%;
    padding: 11.8% 0 0 0;
  }

  #icl #recipe .movie .movie-lists .movie-list .movie-text-block .movie-title {
    width: 49%;
    margin: 0 auto;
  }

  #icl #recipe .movie .movie-lists .movie-list .movie-text-block .movie-text {
    width: 74%;
    margin: 6.5% auto 0;
  }

  #icl #recipe .movie .movie-lists .movie-list02 .movie-text-block {
    float: none;
    width: 100%;
    padding: 11.8% 0 0 0;
  }

  #icl #recipe .movie .movie-lists .movie-list02 .movie-text-block .movie-title {
    width: 48%;
    margin: 0 auto;
  }

  #icl #recipe .movie .movie-lists .movie-list02 .movie-text-block .movie-text {
    width: 72%;
    margin: 7% auto 0;
  }

  #icl #recipe .movie .movie-lists .movie-list03 .movie-text-block {
    float: none;
    width: 100%;
    padding: 11.8% 0 0 0;
  }

  #icl #recipe .movie .movie-lists .movie-list03 .movie-text-block .movie-title {
    width: 85%;
    margin: 0 auto;
  }

  #icl #recipe .movie .movie-lists .movie-list03 .movie-text-block .movie-text {
    width: 87%;
    margin: 6% auto 0;
  }
}


/*sitemap*/

#icl #sitemap .sitemap-links {
  width: 86%;
  max-width: 860px;
  margin: 78px auto 64px;
  padding-bottom: 47px;
  background: #fff;
  border-radius: 7px;
}

#icl #sitemap .sitemap-links a {
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}

#icl #sitemap .sitemap-links a:hover {
  opacity: 0.6;
}

#icl #sitemap .sitemap-links .head {
  padding: 43px 0 33px;
  margin-bottom: 50px;
  border-bottom: 1px solid #1f2888;
}

#icl #sitemap .sitemap-links .head h1 {
  width: 21%;
  margin-left: 9%;
}

#icl #sitemap .sitemap-links .links {
  width: 76.98%;
  margin: 0 auto 0;
}

#icl #sitemap .sitemap-links .links h2 {
	color: #1f2880;
	font-size: 19px;
	font-weight: 700;
}
#icl #sitemap .sitemap-links .links .reg {
	position: relative;
	top: -.1em;
	font-size: .9em;
}

#icl #sitemap .sitemap-links .links ul {
	margin-top: 1em;
	font-size: 18px;
	font-weight: 500;
}
#icl #sitemap .sitemap-links .links ul ul {
	margin-top: 0;
	padding-left: 1.4em;
	font-size: 16px;
}
#icl #sitemap .sitemap-links .links ul a::before {
	content: "";
	position: relative;
	top: -.1em;
	display: inline-block;
	width: .6em;
	height: .6em;
	margin-right: .6em;
	border-radius: .6em;
	background: #1f2880;
}
#icl #sitemap .sitemap-links .links ul ul a::before {
	width: .4em;
	height: .4em;
}

#icl #sitemap .sitemap-links .links li {
  margin-top: .6em;
}
#icl #sitemap .sitemap-links .links li li {
  margin-top: .4em;
}

@media (min-width: 768px) {
	#icl #sitemap .sitemap-links .links {
		display: flex;
		justify-content: space-between;
	}
	#icl #sitemap .sitemap-links .links ul + h2 {
		margin-top: 3em;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#icl #sitemap .sitemap-links .links h2 {
		font-size: calc(19vw / 10);
	}
	#icl #sitemap .sitemap-links .links ul {
		font-size: calc(18vw / 10);
	}
	#icl #sitemap .sitemap-links .links ul ul {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {

  #icl #sitemap .sitemap-links {
    width: 90.21%;
    margin: 7% auto 8%;
    padding-bottom: 0%;
  }

  #icl #sitemap .sitemap-links .head {
    padding: 6% 0 5%;
    margin-bottom: 11%;
    border-bottom: 1px solid #1f2888;
  }

  #icl #sitemap .sitemap-links .head h1 {
    width: 37%;
    margin: 0 auto 0;
  }

	#icl #sitemap .sitemap-links .links {
		width: 70%;
		padding-bottom: 40px;
	}
	#icl #sitemap .sitemap-links .links h2 {
		margin-top: 2em;
		font-size: calc(19vw / 4.8);
	}
	#icl #sitemap .sitemap-links .links ul {
		font-size: calc(18vw / 4.8);
	}
	#icl #sitemap .sitemap-links .links ul ul {
		font-size: calc(16vw / 4.8);
	}
}


/*clear*/
#icl #icl-clear {
  min-width: initial;
  min-width: unset;
  margin-top: 146px;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

#icl #icl-clear .pc {
  display: inline;
}

#icl #icl-clear .sp {
  display: none;
}

#icl #icl-clear ul {
  margin: 0;
  padding: 0;
}

#icl #icl-clear ul li {
  list-style: none;
}

#icl #icl-clear .fade-in {
  -webkit-transition: opacity 0.9s, -webkit-transform 1.2s ease;
  transition: opacity 0.9s, -webkit-transform 1.2s ease;
  transition: opacity 0.9s, transform 1.2s ease;
  transition: opacity 0.9s, transform 1.2s ease, -webkit-transform 1.2s ease;
  opacity: 0;
}

#icl #icl-clear .fade-in.fade-in-right {
  -webkit-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
}

#icl #icl-clear .fade-in.fade-in-left {
  -webkit-transform: translate(50px, 0);
  transform: translate(50px, 0);
}

#icl #icl-clear .fade-in.on {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

@media (max-width: 930px) {
  #icl #icl-clear {
    position: relative;
    margin: 0;
    /* font-size: 0; */
  }

  #icl #icl-clear .pc {
    display: none !important;
  }

  #icl #icl-clear .sp {
    display: inline;
  }
}

/*clear header*/
#icl #icl-clear .site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  width: calc(100%);
  background: rgba(255, 255, 255, 0.6);
  padding: 0 25px 13px;
  text-align: center;
  overflow: hidden;
  box-shadow: none;
}

#icl #icl-clear .site-header > * {
  display: inline-block;
}

#icl #icl-clear .site-header .site-logo {
  float: left;
  max-width: 136px;
  margin-top: 40px;
}

#icl #icl-clear .site-header .site-logo a{
  display: block;
}

#icl #icl-clear .site-header .site-logo a:hover{
  opacity: 0.5;
}

#icl #icl-clear .site-header .site-logo img {
  width: 100%;
  height: auto;
}

#icl #icl-clear .site-header .header-nav {
  margin-top: 25px;
  overflow: hidden;
}

#icl #icl-clear .site-header .header-nav .close {
  display: none;
}

#icl #icl-clear .site-header .header-nav ul {
  font-size: 0;
  margin-left: 5px;
}

#icl #icl-clear .site-header .header-nav ul li {
  display: inline-block;
  margin: 0 26px 0 25px;
  vertical-align: top;
}

#icl #icl-clear .site-header .header-nav ul li a {
  display: block;
  color: #1db7bc;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}

#icl #icl-clear .site-header .header-nav ul .item a::before {
  content: "";
  display: block;
  margin: 0 auto 0;
  padding-bottom: 12px;
}

#icl #icl-clear .site-header .header-nav ul .item01 a::before {
  width: 20px;
  height: 18px;
  padding-bottom: 41px;
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon1.svg?v=1679554996') no-repeat;
  background-size: contain;
}

#icl #icl-clear .site-header .header-nav ul .item01:hover a::before {
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon1-on.svg?v=1679556017') no-repeat;
  background-size: contain;
}

#icl #icl-clear .site-header .header-nav ul .item02 a::before {
  width: 20px;
  height: 18px;
  padding-bottom: 31px;
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon2.svg?v=1679554996') no-repeat;
  background-size: contain;
}

#icl #icl-clear .site-header .header-nav ul .item02:hover a::before {
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon2-on.svg?v=1679556017') no-repeat;
  background-size: contain;
}

#icl #icl-clear .site-header .header-nav ul .item03 a::before {
  width: 14px;
  height: 24px;
  padding-bottom: 42px;
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon3.svg?v=1679554996') no-repeat;
  background-size: contain;
}

#icl #icl-clear .site-header .header-nav ul .item03:hover a::before {
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon3-on.svg?v=1679556017') no-repeat;
  background-size: contain;
}

#icl #icl-clear .site-header .header-nav ul .item04 a::before {
  width: 20px;
  height: 18px;
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon4.svg?v=1679554996') no-repeat;
  padding-bottom: 41px;
  background-size: contain;
}

#icl #icl-clear .site-header .header-nav ul .item04:hover a::before {
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon4-on.svg?v=1679556017') no-repeat;
  background-size: contain;
}

#icl #icl-clear .site-header .header-right-btn {
  float: right;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  overflow: hidden;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item {
  width: 122px;
  margin-left: 10px;
  padding-top: 13px;
  padding-bottom: 21px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item.trial {
  background: #e2f1f2;
  display: contents;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item.trial:hover {
  background: #1db7bc;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item.purchace {
  background: #f09192;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item.purchace:hover {
  background: #fadfe0;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item::before {
  content: "";
  display: block;
  margin: 0 auto 10px;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item.trial::before {
  width: 20px;
  height: 22px;
  background: url('../images/clear/icon5.svg');
  background-size: cover;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item.trial:hover::before {
  width: 20px;
  height: 22px;
  background: url('../images/clear/icon5-on.svg');
  background-size: cover;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item.purchace::before {
  width: 22px;
  height: 24px;
  margin-bottom: 14px;
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon6.svg?v=1679554996');
  background-size: cover;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item.purchace:hover::before {
  width: 22px;
  height: 24px;
  margin-bottom: 14px;
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon6-on.svg?v=1679556017');
  background-size: cover;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item a {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item.trial a {
  color: #1db7bc;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item.trial:hover a {
  color: #fff;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item.purchace a {
  color: #fff;
}

#icl #icl-clear .site-header .header-right-btn .gnav-list .gnav-item.purchace:hover a {
  color: #f09192;
}

@media (max-width: 930px) {
  #icl #icl-clear .site-header {
    position: absolute;
    top: 0.8%;
    z-index: 90;
    padding: 0;
    background: none;
    overflow: visible;
  }

  #icl #icl-clear .site-header .site-logo {
    float: right;
    width: 1.75rem;
    margin-top: 0;
    margin-right: 0.65rem;
    font-size: 0;
  }

  #icl #icl-clear .site-header .header-nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100vh;
    margin-top: 0;
    background: rgba(0, 0, 0, 0.3);
  }

  #icl #icl-clear.-spMenuOpn .site-header .header-nav {
    display: block;
  }

  #icl #icl-clear .site-header .header-nav .close {
    position: absolute;
    display: block;
    top: 0.5rem;
    right: 0.5rem;
    width: 0.65rem;
    height: 0.65rem;
    border: 0.02rem solid #1db6bb;
    border-radius: 0.325rem;
  }

  #icl #icl-clear .site-header .header-nav .close span {
    position: absolute;
    width: 70%;
    height: 0.02rem;
    border-radius: 0.01rem;
    background: #1db6bb;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }

  #icl #icl-clear .site-header .header-nav .close span:last-child {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
  }

  #icl #icl-clear .site-header .header-nav nav {
    position: absolute;
    top: 50%;
    left: 4%;
    width: 92%;
    margin: 0 auto;
    padding: 1.2rem 0 1.2rem;
    background: #fff;
    border-radius: 0.1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #icl #icl-clear .site-header .header-nav ul {
    margin: 0;
  }

  #icl #icl-clear .site-header .header-nav ul li {
    display: block;
    margin: 0 0.6rem;
    padding: 0;
    text-align: left;
    border-bottom: 0.02rem solid #e1f0f1;
  }

  #icl #icl-clear .site-header .header-nav ul li a {
    padding: 0.4rem 0 0.4rem 0rem;
    font-size: 0.28rem;
  }

  #icl #icl-clear .site-header .header-nav ul .item a::before {
    display: inline-block;
    margin: 0 0.6rem 0 0.2rem;
  }

  #icl #icl-clear .site-header .header-nav ul .item01 a::before {
    width: 0.44rem;
    padding-bottom: 0;
    background: url(../images/clear/icon1.svg) no-repeat;
    background-size: contain;
    /* margin: 0 0 0 0.2rem; */
  }

  #icl #icl-clear .site-header .header-nav ul .item02 a::before {
    width: 0.5rem;
    /* height: 0.3rem; */
    padding-bottom: 0;
    background: url(../images/clear/icon2.svg) no-repeat;
    background-size: contain;
    position: relative;
    top: 0.1rem;
  }

  #icl #icl-clear .site-header .header-nav ul .item03 a::before {
    width: 0.3rem;
    /* height: 0.4rem; */
    margin: 0.0rem 0.7rem 0 0.3rem;
    padding-bottom: 0;
    background: url(../images/clear/icon3.svg) no-repeat;
    background-size: contain;
    position: relative;
    top: 0.1rem;
  }

  #icl #icl-clear .site-header .header-nav ul .item04 a::before {
    width: 0.45rem;
    /* height: 0.28rem; */
    padding-bottom: 0;
    background: url(../images/clear/icon4.svg) no-repeat;
    background-size: contain;
    position: relative;
    top: 0.05rem;
  }

  #icl #icl-clear .site-header .header-right-btn {
    display: none;
  }

  #icl #icl-clear .menu_btn {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 101;
    width: 100%;
    background: #e1f0f1;
    -webkit-transition: .4s all;
    transition: .4s all;
  }

  #icl #icl-clear .menu_btn.menu-hidden{
    opacity: 0;
  }

  #icl #icl-clear .menu_btn ul {
    font-size: 0;
  }

  #icl #icl-clear .menu_btn ul li {
    float: left;
    width: 20%;
    padding-top: 0.4rem;
    padding-bottom: 0.2rem;
    text-align: center;
  }
  #icl #icl-clear .menu_btn ul li {
    width: 25%;
  }
  #icl #icl-clear .menu_btn ul .menu {
    display: none;
  }

  #icl #icl-clear .menu_btn .btn_spMenu {
    width: 100%;
    margin: 0 auto;
  }

  #icl #icl-clear .menu_btn .btn_spMenu::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 0.34rem;
    height: 0.24rem;
    background: url(../images/clear/icon11.svg) no-repeat;
    background-size: contain;
  }

  #icl #icl-clear .menu_btn .clear {}

  #icl #icl-clear .menu_btn .clear a::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 0.30rem;
    height: 0.30rem;
    background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon12.svg?v=1679561794') no-repeat;
    background-size: contain;
  }

  #icl #icl-clear .menu_btn .product {}

  #icl #icl-clear .menu_btn .product a::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 0.22rem;
    height: 0.4rem;
    background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon13.svg?v=1679561794') no-repeat;
    background-size: contain;
  }

  #icl #icl-clear .menu_btn .qa {}

  #icl #icl-clear .menu_btn .qa a::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 0.31rem;
    height: 0.31rem;
    background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon14.svg?v=1679561794') no-repeat;
    background-size: contain;
  }

  #icl #icl-clear .menu_btn .purchase {}

  #icl #icl-clear .menu_btn .purchase a::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 0.37rem;
    height: 0.44rem;
    background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon15.svg?v=1679561794') no-repeat;
    background-size: contain;
  }

  #icl #icl-clear .menu_btn ul li #icl-clear .menu_btn ul li div,
  #icl #icl-clear .menu_btn ul li a,
  #icl #icl-clear .menu_btn ul li p {
    display: block;
    color: #1db7bc;
    font-size: 0.22rem;
    text-align: center
  }

  #icl #icl-clear .modal_productItem_name {
    font-size: 0.4rem;
  }

  #icl #icl-clear .modal_productItem_btn {
    font-size: 0.24rem;
  }

  #icl .modal_productItem_btn.first {
    padding: 1.1rem 0.6rem 1.1rem 0rem;
  }

  #icl #icl-clear .modal_productItem_btn.first {
    padding: 0.3rem 0.3rem 0.3rem 0rem;
  }
}

/*clear contens*/
#icl #icl-clear main .mainvisual {
  display: block;
  position: relative;
  margin: 0 auto;
  width: calc(100% - 50px);
  /* width: calc(100vw - 50px); */
  height: auto;
  height: calc(100vh - 190px);
  margin: 25px;
  text-align: center;
  /* overflow: hidden; */
}
@media (min-width: 931px) {
	#icl #icl-clear main .mainvisual {
		height: calc(850vw / 16);
	}

	#icl #icl-clear .modal_productItem_wrap {
		display: flex;
		justify-content: space-between;
	}
	#icl #icl-clear .modal_productItem_inner {
		flex-basis: calc(50% - 24px);
	}
	#icl #icl-clear .modal_productItem_btn {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 64px;
		padding-top: 0;
		padding-bottom: 0;
	}
}
#icl #icl-clear main .mainvisual .mainvisual-wrap{
  position: absolute;
  width: 100%;
  height: 100%;
  /* padding-top: 54%; */
  margin: 0 auto;
  overflow: hidden;
}
#icl #icl-clear main .mainvisual .mainvisual-wrap .mainvisual-logo{
  position: absolute;
  top: 0;
  left: 2%;
  z-index: 2;
  width: 168px;
  height: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}


#icl #icl-clear main .mainvisual img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: auto;
  /* max-height: 100%; */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, 0);
}

#icl #icl-clear main .mainvisual .scroll-animation-block {
  position: absolute;
  bottom: -25px;
  right: 4%;
  font-size: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#icl #icl-clear main .mainvisual .scroll-animation-block > * {
  display: inline-block;
}

#icl #icl-clear main .mainvisual .scroll-animation-block img {
  position: static;
  width: 7px;
  height: auto;
  margin-right: 11px;
  vertical-align: top;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

#icl #icl-clear main .mainvisual .scroll-animation-block .scroll-animation {
  position: relative;
  right: 0;
  width: 1px;
  height: 130px;
  background: #e1f0f1;
  overflow: hidden;
}

#icl #icl-clear main .mainvisual .scroll-animation-block .scroll-animation::before {
  display: block;
  content: '';
  width: 1px;
  height: 155px;
  background-color: #1db7bc;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-animation: scroll 2s infinite normal;
  animation: scroll 2s infinite normal;
}

#icl #icl-clear main .section{
  width: 100%;
}

#icl #icl-clear main .section01 {
  position: relative;
  width: 100%;
  padding-top: 120px;
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_section01-bg.png?v=1679554996') no-repeat;
  background-size: 1600px auto;
  background-position: top center;
}

#icl #icl-clear main .section01 .block {
  display: block;
  width: 89.33%;
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
}

#icl #icl-clear main .section01 h2 {
  margin-top: 11px;
  margin-bottom: 42px;
  color: #1db7bc;
  font-size: 26px;
  font-weight: 700;
}

#icl #icl-clear main .section01 .block01 {}

#icl #icl-clear main .section01 .block01 .text {
  float: left;
  width: 45.5%;
  margin-left: 3.5%;
}

#icl #icl-clear main .section01 .block01 .text p {
  margin-bottom: 36px;
  font-size: 16.5px;
  line-height: 1.5;
}

#icl #icl-clear main .section01 .block01 .sp-block {
  float: right;
  width: 49.09%;
}

#icl #icl-clear main .section01 .block01 .section01-image01 {}

#icl #icl-clear main .section01 .block02 {
  margin-top: 87px;
}

#icl #icl-clear main .section01 .block02 p {
  float: right;
  width: 40%;
  margin-top: 53px;
  margin-right: 40px;
  font-size: 16px;
  line-height: 2.1;
}

#icl #icl-clear main .section01 .block02 .section01-image02 {
  float: left;
  width: 46.63%;
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  15% {
    -webkit-transform: translate3d(0, -98%, 0);
    transform: translate3d(0, -98%, 0)
  }

  85% {
    -webkit-transform: translate3d(0, 98%, 0);
    transform: translate3d(0, 98%, 0)
  }

  100% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  15% {
    -webkit-transform: translate3d(0, -98%, 0);
    transform: translate3d(0, -98%, 0)
  }

  85% {
    -webkit-transform: translate3d(0, 98%, 0);
    transform: translate3d(0, 98%, 0)
  }

  100% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@media (max-width: 930px) {
  #icl #icl-clear main .mainvisual {
    width: calc(100% - 0.4rem);
    height: auto;
    margin: 0.2rem;
    overflow: initial;
    margin-top: 0;
  }
  #icl #icl-clear main .mainvisual .mainvisual-wrap{
    position: static;
    width: 100%;
    height: auto;
    padding-top: 0;
  }
  #icl #icl-clear main .mainvisual .mainvisual-wrap img{
    position: static;
    width: 100%;
    height: auto;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  #icl #icl-clear main .section01 {
    padding-top: 0.9rem;
    position: relative;
    background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_section01-bg-sp.png?v=1679560914') no-repeat;
    background-size: 75% auto;
    background-position: -0.5rem 0rem;
  }

  #icl #icl-clear main .section01 .scroll-animation-block {
    position: absolute;
    top: 1rem;
    right: 0.5rem;
    font-size: 0;
  }

  #icl #icl-clear main .section01 .scroll-animation-block > * {
    display: inline-block;
  }

  #icl #icl-clear main .section01 .scroll-animation-block img {
    width: 0.18rem;
    margin-right: 0.25rem;
    vertical-align: top;
  }

  #icl #icl-clear main .section01 .scroll-animation-block .scroll-animation {
    position: relative;
    right: 0;
    width: 1px;
    height: 100px;
    background: #e1f0f1;
    overflow: hidden;
  }

  #icl #icl-clear main .section01 .scroll-animation-block .scroll-animation::before {
    display: block;
    content: '';
    width: 1px;
    height: 100px;
    background-color: #1db7bc;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-animation: scroll 2s infinite normal;
    animation: scroll 2s infinite normal;
  }

  #icl #icl-clear main .section01 .block01 .text {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  #icl #icl-clear main .section01 h2 {
    font-size: 0.4rem;
    margin: 0;
    margin-bottom: 0.6rem;
  }

  #icl #icl-clear main .section01 .block01 .text p {
    font-size: 0.3rem;
    margin-bottom: 0.8rem;
    line-height: 1.8;
  }

  #icl #icl-clear main .section01 .block01 .text .sp-hidden {
    display: none;
  }

  #icl #icl-clear main .section01 .block01 .sp-block {
    overflow: hidden;
    float: none;
    width: 100%;
  }

  #icl #icl-clear main .section01 .block01 .sp-block > .sp {
    float: left;
    width: 50%;
    font-size: 0.3rem;
    line-height: 1.8;
  }

  #icl #icl-clear main .section01 .block02 {
    margin-top: 0;
  }

  #icl #icl-clear main .section01 .block02 p {
    float: right;
    width: 49%;
    margin-top: 0.86rem;
    margin-right: 0;
    font-size: 0.29rem;
    line-height: 1.9;
  }

  #icl #icl-clear main .section01 .block01 .sp-block > img {
    float: right;
    width: 46%;
  }
}

#icl #icl-clear main .section02 h2 {
  display: block;
  width: 370px;
  margin: 164px auto 50px;
}

#icl #icl-clear main .section02 .sub-section01 {
  width: 100%;
  background: url("https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_section02-bg.png?v=1679554996") no-repeat;
  background-position: top center;
  background-size: auto 100%;
  padding: 66px 0 50px;
}

#icl #icl-clear main .section02 .sub-section01 .dot-point {
  text-align: center;
}

#icl #icl-clear main .section02 .sub-section01 .dot-point span {
  margin-bottom: 20px;
  position: relative;
  color: #fff;
  font-size: 20px;
}

#icl #icl-clear main .section02 .sub-section01 .dot-point span::before {
  content: "";
  position: absolute;
  top: -13px;
  right: 9px;
  width: 70px;
  height: 6px;
  background: url("https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_section02-titlepoint.png?v=1680172040") no-repeat;
}

#icl #icl-clear main .section02 .sub-section01 ul {
  width: 95%;
  max-width: 950px;
  margin: 62px auto 0;
  overflow: hidden;
}

#icl #icl-clear main .section02 .sub-section01 ul li {
  float: left;
  width: 21.05%;
  margin-right: 5.2%;
  padding-top: 43px;
  padding-bottom: 46px;
  background: #fff;
  border-radius: 9px;
}

#icl #icl-clear main .section02 .sub-section01 ul li:last-child {
  margin-right: 0;
}

#icl #icl-clear main .section02 .sub-section01 ul li .number {
  margin: 0 auto;
}

#icl #icl-clear main .section02 .sub-section01 ul .item01 .number {
  width: 31px;
  margin-bottom: 29px;
}

#icl #icl-clear main .section02 .sub-section01 ul .item02 .number {
  width: 35px;
  margin-bottom: 30px;
}

#icl #icl-clear main .section02 .sub-section01 ul .item03 .number {
  width: 35px;
  margin-bottom: 30px;
}

#icl #icl-clear main .section02 .sub-section01 ul .item04 .number {
  width: 37px;
  margin-bottom: 31px;
}

#icl #icl-clear main .section02 .sub-section01 ul li .text {
  text-align: center;
  color: #4f4f4f;
  font-size: 16px;
  line-height: 1.625;
}

#icl #icl-clear main .section02 .sub-section02 {
  margin-top: 20px;
}

#icl #icl-clear main .section02 .sub-section02 h3 {
  display: block;
  width: 260px;
  margin: 75px auto 40px;
}

#icl #icl-clear main .section02 .sub-section02 {
  width: 82.4%;
  max-width: 700px;
  margin: 0 auto 0;
}

@media (max-width: 930px) {
  #icl #icl-clear main .section02 {
    margin-top: 0.5rem
  }

  #icl #icl-clear main .section02 h2 {
    width: 66%;
    margin: 0 0 0.65rem 24%;
  }

  #icl #icl-clear main .section02 .sub-section01 {
    background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_section02-bg-sp.png?v=1679561078') no-repeat;
    background-size: cover;
    padding: 0.9rem 0 0.7rem;
  }

  #icl #icl-clear main .section02 .sub-section01 .dot-point {
    font-size: 0;
  }

  #icl #icl-clear main .section02 .sub-section01 .dot-point span {

    font-size: 0.375rem;
  }

  #icl #icl-clear main .section02 .sub-section01 .dot-point span::before {}

  #icl #icl-clear main .section02 .sub-section01 ul {
    margin: 0 auto;
    margin-top: 0.5rem;
    width: 68%;
    font-size: 0;
  }

  #icl #icl-clear main .section02 .sub-section01 ul li {
    width: 48.04%;
    margin-right: 3.92%;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }

  #icl #icl-clear main .section02 .sub-section01 ul li:nth-child(even) {
    margin-right: 0;
  }

  #icl #icl-clear main .section02 .sub-section01 ul li:nth-child(n + 3) {
    margin-top: 0.2rem;
  }

  #icl #icl-clear main .section02 .sub-section01 ul li .number {
    font-size: 0;
  }

  #icl #icl-clear main .section02 .sub-section01 ul .item01 .number {
    width: 17.55%;
    margin-bottom: 0.4rem;
  }

  #icl #icl-clear main .section02 .sub-section01 ul .item02 .number {
    width: 19.76%;
    margin-bottom: 0.4rem;
  }

  #icl #icl-clear main .section02 .sub-section01 ul .item03 .number {
    width: 19.68%;
    margin-bottom: 0.4rem;
  }

  #icl #icl-clear main .section02 .sub-section01 ul .item04 .number {
    width: 20.13%;
    margin-bottom: 0.4rem;
  }

  #icl #icl-clear main .section02 .sub-section01 ul .item .text {
    font-size: 0.2rem;
  }

  #icl #icl-clear main .section02 .sub-section02 h3 {
    width: 64.4%;
    margin: 0.9rem auto 0.7rem;
    font-size: 0;
  }
  .ps__rail-y .ps__thumb-y {
    background-color: yellow;
  }
}

#icl #icl-clear main .section03 {
  margin-top: 125px;
}

#icl #icl-clear main .section03 h2 {
  width: 368px;
  margin: 0 auto 0;
}

#icl #icl-clear main .section03 > ul {
  width: 78.85%;
  max-width: 1100px;
  margin: 113px auto 0;
  overflow: hidden;
}

#icl #icl-clear main .section03 > ul > li {
  position: relative;
  float: left;
  width: 49%;
  margin-bottom: 50px;
}

#icl #icl-clear main .section03 > ul > li:nth-child(3){
  clear: both;
}

#icl #icl-clear main .section03 > ul > li:nth-child(even) {
  float: right;
}

#icl #icl-clear main .section03 ul li .number {
  position: absolute;
  top: 0;
  left: 0;
}

#icl #icl-clear main .section03 ul li .number .clear-svg004 {
  width: 55px;
}

#icl #icl-clear main .section03 ul li .number .clear-svg005 {
  width: 62px;
}

#icl #icl-clear main .section03 ul li .number .clear-svg006 {
  width: 62px;
}

#icl #icl-clear main .section03 ul li .number .clear-svg007 {
  width: 63px;
}

#icl #icl-clear main .section03 ul li h3 {
  color: #1db7bc;
  font-size: 18px;
  text-align: center;
  margin-bottom: 13px;
}

#icl #icl-clear main .section03 ul li .secret {
  display: block;
  position: relative;
  width: 97.4%;
  height: 0;
  padding-top: 73.38%;
  margin: 0 auto;
  background: url("https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_section03-bg.png?v=1679554996") no-repeat;
  background-size: cover;
}

#icl #icl-clear main .section03 ul li .secret .image-block {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#icl #icl-clear main .section03 ul li .secret01 .image-block {
  width: auto;
  top: 47%;
  left: 49%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#icl #icl-clear main .section03 ul li .secret02 .image-block {
  width: 68%;
  top: 47%;
  left: 51%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#icl #icl-clear main .section03 ul li .secret .image-block img {
  display: block;
  margin: 0 auto;
}

#icl #icl-clear main .section03 ul li .secret02 .image-block ul {
  margin-top: 0px;
  font-size: 0;
}

#icl #icl-clear main .section03 ul li .secret02 .image-block ul .list-item {
  margin-top: 10px;
  color: #898989;
  font-size: 12px;
  white-space: nowrap;
}

#icl #icl-clear main .section03 ul li .secret02 .image-block ul .list-item .tag{
  display: inline-block;
  margin-right: 5px;
  width: 34px;
  height: 14px;
  background: #f7af30;
  border-radius: 3px;
  color: #4f4f4f;
  font-size: 9px;
  line-height: 14px;
  text-align: center;
}

#icl #icl-clear main .section03 ul li .secret02 .image-block ul .list-item .tag02{
  background: #f5d152
}

#icl #icl-clear main .section03 ul li .secret03 .image-block {
  width: 68%;
  top: 42%;
  left: 49%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#icl #icl-clear main .section03 ul li .secret04 .image-block {
  width: 77%;
  top: 46%;
  left: 52%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#icl #icl-clear main .section03 ul li .secret .bottom-text {
  position: absolute;
  bottom: 5%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  white-space: nowrap;
}

#icl #icl-clear main .section03 ul li .exhibit {
  margin-top: 8px;
  font-size: 12px;
  text-align: center;
}

@media (max-width: 1390px) {
  #icl #icl-clear main .section03 ul li .secret02 .image-block{
    width: 80%;
  }
  #icl #icl-clear main .section03 ul li .secret02 .image-block img{
    width: 80%;
  }
  #icl #icl-clear main .section03 ul li .secret02 .image-block ul .list-item .tag{
    font-size: 8px;
  }
  #icl #icl-clear main .section03 ul li .secret02 .image-block ul .list-item{
    font-size: 10px;
  }
  #icl #icl-clear main .section03 ul li .secret .bottom-text{
    bottom: -2%;
  }
}

@media (max-width: 1150px) {
  #icl #icl-clear main .section03 ul li .secret02 .image-block{
    width: 90%;
  }
}

@media (max-width: 930px) {

  #icl #icl-clear main .section03 {
    margin-top: 1rem;
  }

  #icl #icl-clear main .section03 h2 {
    width: 62.8%;
    margin: 0 0 0 12%;
    font-size: 0;
  }

  #icl #icl-clear main .section03 > ul {
    width: 89.33%;
    margin: 1.2rem auto;
  }

  #icl #icl-clear main .section03 > ul > li {
    float: none;
    width: 100%;
    margin-bottom: 1.1rem;
  }

  #icl #icl-clear main .section03 > ul > li:nth-child(even) {
    float: none;
  }

  #icl #icl-clear main .section03 ul li h3 {
    font-size: 0.35rem;
    margin: 0 0 0.1rem;
  }

  #icl #icl-clear main .section03 ul li .number {
    font-size: 0;
  }

  #icl #icl-clear main .section03 ul li .number .clear-svg004 {
    width: 0.775rem;
  }

  #icl #icl-clear main .section03 ul li .number .clear-svg005 {
    width: 0.87425rem;
  }

  #icl #icl-clear main .section03 ul li .number .clear-svg006 {
    width: 0.87035rem;
  }

  #icl #icl-clear main .section03 ul li .number .clear-svg007 {
    width: 0.8905rem;
  }
  #icl #icl-clear main .section03 ul li .secret{
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 85.67%;
    margin: 0 auto;
    background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_section03-bg-sp.png?v=1679561078') no-repeat;
    background-size: cover;
  }
  #icl #icl-clear main .section03 ul li .secret01 .image-block{
    width: 45%;
  }
  #icl #icl-clear main .section03 ul li .secret02 .image-block{
    width: 95%;
  }
  #icl #icl-clear main .section03 ul li .secret02 .image-block ul{
    margin-left: 0.2rem;
  }
  #icl #icl-clear main .section03 ul li .secret02 .image-block ul .list-item{
    font-size: 0.2rem;
  }

  #icl #icl-clear main .section03 ul li .secret02 .image-block ul .list-item .tag{
    margin-right: 5px;
    width: 0.9rem;
    height: 0.35rem;
    border-radius: 0.06rem;
    font-size: 0.16rem;
    line-height: 0.35rem;
  }
  #icl #icl-clear main .section03 ul li .secret03 .image-block{
    top: 47%;
    width: 75%;
  }
  #icl #icl-clear main .section03 ul li .secret04 .image-block{
    top: 48%;
    width: 88%;
  }
  #icl #icl-clear main .section03 ul li .secret .image-block img{
    width: 100%;
  }
  #icl #icl-clear main .section03 ul li .secret02 .image-block img{
    width: 75%;
  }
  #icl #icl-clear main .section03 ul li .secret .bottom-text{
    bottom: 1%;
    font-size: 0.28rem;
  }
  #icl #icl-clear main .section03 ul li .exhibit{
    font-size: 0.25rem;
  }
}

@media (max-width: 465px) {
  #icl #icl-clear main .section03 ul li .secret02 .image-block ul{
    margin-left: 0;
  }
  #icl #icl-clear main .section03 ul li .secret02 .image-block ul li{
    font-size: 0.06rem;
  }
}

#icl #icl-clear main .section04 {
  margin-top: 137px;
}

#icl #icl-clear main .section04 h2 {
  width: 158px;
  margin: 0 auto 54px;
}

#icl #icl-clear main .section04 .qa-blocks {
  position: relative;
  background: #e2f1f2;
  padding: 44px 0 89px;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block {
  display: block;
  width: 89.33%;
  max-width: 1100px;
  margin: 0 auto 0;
  overflow: hidden;
}

#icl #icl-clear main .section04 .qa-blocks .qa-hidden {
  display: none;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content {
  width: 47.72%;
  float: left;
  padding: 40px 35px 37px 47px;
  margin: 40px auto 0;
  border-radius: 10px;
  background: #fff;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content03{
  padding: 44px 35px 40px 47px;
}
#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content04{
  padding: 44px 35px 8px 47px;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content06 {
  padding: 40px 35px 69px 47px;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content:nth-child(even) {
  float: right;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content p {
  font-size: 15px;
  overflow: hidden;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content .question {
  padding-bottom: 29px;
  border-bottom: 1px solid #e2f1f2;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content03 .question,
#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content04 .question{
  padding-bottom: 29px;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content01 .question{
  padding-bottom: 61px;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content04 .question{
  padding-bottom: 61px;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content05 .question,
#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content06 .question {
  padding-bottom: 61px;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content .question p {}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content .question p::before {
  content: "";
  display: inline-block;
  width: 27px;
  height: 19px;
  margin-right: 0px;
  background: url("https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear-svg009.svg?v=1679554996") no-repeat;
  background-size: cover;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content .question p span {
  display: block;
  float: right;
  width: calc(100% - 41px);
  font-weight: 700;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content .answer {
  padding-top: 32px;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content .answer p::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 19px;
  margin-right: 10px;
  background: url("https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear-svg010.svg?v=1679554996") no-repeat;
  background-size: cover;
}

#icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content .answer p span {
  display: block;
  float: right;
  width: calc(100% - 43px);
}


#icl #icl-clear main .section04 .qa-blocks .qa-toggle-btn {
  display: block;
  position: absolute;
  left: 50%;
  bottom: -40px;
  width: 222px;
  height: 80px;
  margin: 0 auto 0;
  background: #fff;
  border-radius: 40px;
  cursor: pointer;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#icl #icl-clear main .section04 .qa-blocks .qa-toggle-btn:hover {
  background: #1db7bc;
}

#icl #icl-clear main .section04 .qa-blocks .qa-toggle-btn p {
  display: block;
  width: 222px;
  height: 80px;
  margin: 0 auto 0;
  line-height: 80px;
  font-weight: 700;
}

#icl #icl-clear main .section04 .qa-toggle-btn p {
  color: #1db7bc;
  font-size: 16px;
  text-align: center;
  line-height: 80px;
}

#icl #icl-clear main .section04 .qa-blocks .qa-toggle-btn:hover p {
  color: #fff;
}

@media (min-width: 768px) and (max-width: 999px){
  #icl #interview .catch {
    font-size: 3.2vw;
  }

  #icl #interview .thought {
  font-size: 1.8vw;
  }

  #icl #interview .interviewers .interviewer .interviewer-info .interviewer-name {
    font-size: 2.5vw;
    letter-spacing: 0.15em;
  }

  #icl #interview .interviewers .interviewer .interviewer-info .interviewer-department {
    margin: 20px auto 0;
    font-size: 1.47vw;
  }

  #icl #interview .interviewer-text {
    font-size: 1.35vw;
  }

  #icl #interview .question01 .question-contents .text-block {
    font-size: 1.6vw;
    width: 49%;
    margin-top: 1.6%;
    margin-right: 0.3%;
    letter-spacing: 0.08em;
    line-height: 2;
  }

  #icl #interview .thanks .text {
    font-size: 1.8vw;
    padding: 2vw 3.8vw 1.4vw 4vw;
    background-size: 3.8vw 4.6vw;
  }

  #icl #interview .interviewers .interviewer01 .interviewer-info .interviewer-position {
    font-size: 1.35vw;
  }

  #icl #interview .interviewers .interviewer02 .interviewer-info .interviewer-position {
    font-size: 1.35vw;
  }

  #icl #interview .question h3{
    font-size: 2.3vw;
    padding: 2.7vw 0.5vw 4.3vw 13vw;
   -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
  }

  #icl #interview .question h3 > img {
    position: absolute;
    top: 1.7vw;
    left: 7.5vw;
  }

  #icl #interview .question02 h3 {
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    padding: 0.7vw 0.5vw 2.3vw 22vw;
  }

  #icl #interview .question02 h3 > img {
    left: 15.5vw;
  }

  #icl #interview .question03 h3 {
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    padding: 0.7vw 0.5vw 2.3vw 14vw;
  }

  #icl #interview .question03 h3 > img {
    left: 7.5vw;
  }

  #icl #interview .question04 h3 {
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    padding: 2.7vw 0.5vw 4.3vw 22vw;
  }

  #icl #interview .question04 h3 > img {
    left: 15.5vw;
  }
  #icl #interview .question05 h3 {
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    padding: 2.7vw 0.5vw 4.3vw 13vw;
  }

  #icl #interview .question05 h3 > img {
    left: 7.5vw;
  }
}

@media (max-width: 930px) {
  #icl #icl-clear main .section04{
    margin-top: 0;
  }
  #icl #icl-clear main .section04 h2{
    font-size: 0;
    width: 28.66%;
    margin-bottom: 0.4rem;
    font-size: 0;
  }
  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content,
  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content03,
  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content04,
  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content05,
  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content06{
    float: none;
    width: 100%;
    margin: 0.6rem 0 0;
    padding: 0.6rem 0.6rem;
  }
  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content:nth-child(even){
    float: none;
  }
  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content .question p::before{
    position: relative;
    top: 15px;
  }@media all and (-ms-high-contrast: none){

    #icl #icl-clear .section04 .qa-blocks .qa-block .qa-content .question p span{
      font-size: 12px;
    }

    #icl #icl-clear.section04 .qa-blocks .qa-block .qa-content .answer p span{
      font-size: 12px;
    }
  }
  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content .question p span{
    font-size: 0.35rem;
  }

  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content .answer p span{
    font-size: 0.35rem;
  }
  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content .answer p::before{
    position: relative;
    top: 15px;
  }

  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content01 .question{
    padding-bottom: 29px;
  }

  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content04 .question{
    padding-bottom: 29px;
  }

  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content05 .question,
  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content06 .question {
    padding-bottom: 29px;
  }
  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content05 .question,
  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content06 .question{
    padding-bottom: 29px;
  }
  #icl #icl-clear main .section04 .qa-blocks .qa-toggle-btn{
    bottom: -0.56rem;
    width: 41.6%;
    height: 1.12rem;
    line-height: 1.12rem;
    font-size: 0.24rem;
    border-radius: 0.56rem;
  }
  #icl #icl-clear main .section04 .qa-blocks .qa-toggle-btn p{
    width: 100%;
    height: 1.12rem;
    line-height: 1.12rem;
    font-size: 0.24rem;
  }
}

@media (max-width: 465px) {
  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content .question p::before{
    position: relative;
    top: 0px;
  }

  #icl #icl-clear main .section04 .qa-blocks .qa-block .qa-content .answer p::before{
    position: relative;
    top: 0px;
  }
}

#icl #icl-clear main .section05 {
  margin-top: 261px;
  font-size: 0;
}

#icl #icl-clear main .section05 .st_mainContent {
  width: 100%;
  max-width: 1100px;
  font-size: 0;
}

#icl #icl-clear main .section05 .dl_changeTab {
}

#icl #icl-clear main .section05 .dl_changeTab__data {
  width: 100%;
  height: 695px;
  border: 10px solid #1db7bc;
}

#icl #icl-clear main .dl_changeTab__head .dl_changeTab__btn {
  color: #1db7bc;
  font-weight: 700;
}


#icl #icl-clear main .dl_changeTab__head:hover .dl_changeTab__btn,
#icl #icl-clear main .dl_changeTab__head.-active .dl_changeTab__btn {
  font-weight: bold;
  color: #fff;
  background-color: #1db7bc;
}

#icl #icl-clear main .dl_changeTab__head.-active .dl_changeTab__btn:before {
  display: none;
}

#icl #icl-clear main .dl_changeTab__data .tab-sub-section {}

#icl #icl-clear main .dl_changeTab__data .tab-sub-section h2 {
  color: #1db7bc;
  font-size: 18px;
}

#icl #icl-clear main .dl_changeTab__data .tab-sub-section01 h2 {
  color: #4f4f4f;
}

#icl #icl-clear main .dl_changeTab__data .tab-sub-section ul {
  margin-top: 18px;
  margin-bottom: 46px;
  border-top: 2px solid #e2f1f2;
}

#icl #icl-clear main .dl_changeTab__data .tab-sub-section li {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #4f4f4f;
  font-size: 16px;
  border-bottom: 1px solid #e2f1f2;
  overflow: hidden;
}
#icl #icl-clear main .dl_changeTab__data .tab-sub-section li span{
  float: right;
  width: calc(100% - 28px);
}

#icl #icl-clear main .dl_changeTab__data .tab-sub-section li::before {
  content: "・";
  display: inline-block;
  margin-left: 1px;
  margin-right: 10px;
  color: #1db7bc;
}

#icl #icl-clear main .section05 .table{
  border-top: 2px solid #e2f1f2;
}
#icl #icl-clear main .section05 .table dl{
  font-size: 0;
}
#icl #icl-clear main .section05 .table dl dt,
#icl #icl-clear main .section05 .table dl dd{
  display: inline-block;
  vertical-align: top;
  height: 50px;
  text-align: left;
  line-height: 50px;
}
#icl #icl-clear main .section05 .table dl dt{
  width: 25%;
  color: #1db7bc;
  font-size: 16px;
  line-height: 50px;
}
#icl #icl-clear main .section05 .table dl dd{
  width: 25%;
  color: #4f4f4f;
  font-size: 16px;
  border-bottom: 1px solid #e2f1f2;
}
#icl #icl-clear main .section05 .table dl .wide{
  width: 50%;
}
#icl #icl-clear main .section05 .table dl .no-border{
  border-bottom: none;
}
#icl #icl-clear main .section05 .table dl .left{
  text-align: left;
}

#icl #icl-clear main .section05 .tab-sub-section04{
  margin-top: 30px;
}
#icl #icl-clear main .section05 .tab-sub-section04 .table:first-child{
  border: none
}
#icl #icl-clear main .section05 .dl_changeTab__dataInner::-webkit-scrollbar{
  width: 6px;
}
#icl #icl-clear main .section05 .dl_changeTab__dataInner::-webkit-scrollbar-track{
  background: #f4f4f4;
  border: none;
  border-radius: 3px;
}
#icl #icl-clear main .section05 .dl_changeTab__dataInner::-webkit-scrollbar-thumb{
  background: #ccc;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 1100px) {
  #icl #icl-clear .dl_changeTab__head{
    margin-top: -55px;
    font-size: 1.5rem;
  }
}

@media (max-width: 930px) {

  #icl #icl-clear main .section05 {
    margin-top: 2.6rem;
  }
  #icl #icl-clear main .section05 .dl_changeTab {
    display: block;
    /*border: 10px solid #1db7bc;*/
    height: auto;
    background: transparent;
  }
  #icl #icl-clear main .dl_changeTab__head{
    font-size: 0.35rem;
    color: #1db7bc;
    border: none;
    margin-left: 0;
    margin: 0;
    background: #e2f1f2;
    border-radius: 0.2rem;
    overflow: hidden;
    margin: 0 0 0.4rem;
  }
  #icl #icl-clear main .dl_changeTab__head.-active,
  #icl #icl-clear main .dl_changeTab__head.-active_sp{
    background: #1db7bc;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff;
    margin: 0 0 0;
  }
  #icl #icl-clear main .dl_changeTab__head .dl_changeTab__btn{
    position: relative;
    background: #e2f1f2;
    padding: 14px;
  }
  #icl #icl-clear main .dl_changeTab__head.-active_sp .dl_changeTab__btn{
    color: #fff;
    background: #1db7bc;
  }
  #icl #icl-clear main .dl_changeTab__head:hover .dl_changeTab__btn{
    background: #e2f1f2;
  }
  #icl #icl-clear main .dl_changeTab__head.-active:hover .dl_changeTab__btn,
  #icl #icl-clear main .dl_changeTab__head.-active_sp:hover .dl_changeTab__btn{
    background: #1db7bc;
  }
  #icl #icl-clear main .dl_changeTab__head .dl_changeTab__btn .btn{
    position: absolute;
    top: 50%;
    right: 0.1rem;
    width: 0.75rem;
    height: 0.75rem;
    background: #1db7bc;
    border-radius: 50%;
    -webkit-transform: translate(0 , -50%);
    transform: translate(0 , -50%);
  }
  #icl #icl-clear main .dl_changeTab__head.-active_sp .dl_changeTab__btn .btn{
    position: absolute;
    top: 50%;
    right: 0.1rem;
    width: 0.75rem;
    height: 0.75rem;;
    background: #e2f1f2;
    border-radius: 50%;
    -webkit-transform: translate(0 , -50%);
    transform: translate(0 , -50%);
  }
  #icl #icl-clear main .dl_changeTab__head .dl_changeTab__btn .btn span{
    position: absolute;
    width: 40%;
    height: 2px;
    top: 50%;
    left: 50%;
    background: #e2f1f2;
    border-radius: 1px;
    -webkit-transition: .4s all;
    transition: .4s all;
    -webkit-transform: translate( -50% , -50%);
    transform: translate( -50% , -50%);
  }
  #icl #icl-clear main .dl_changeTab__head .dl_changeTab__btn .btn span:nth-child(2){
    -webkit-transform: translate( -50% , -50%);
    transform: translate( -50% , -50%) rotate(90deg);
  }
  #icl #icl-clear main .dl_changeTab__head.-active_sp .dl_changeTab__btn .btn span{
    position: absolute;
    width: 40%;
    height: 0.04rem;
    top: 50%;
    left: 50%;
    background: #1db7bc;
    border-radius: 0.02rem;
    -webkit-transform: translate( -50% , -50%);
    transform: translate( -50% , -50%);
  }
  #icl #icl-clear main .dl_changeTab__btn:before{
    display: none;
  }
  #icl #icl-clear main .section05 .st_mainContent{
    width: 89%;
  }

  #icl #icl-clear main .section05 .dl_changeTab__dataInner{
    width: 98%;
    overflow-x: auto;
    -webkit-overflow-scrolling: auto!important;
  }
  #icl #icl-clear main .section05 .dl_changeTab__dataInner::-webkit-scrollbar{
    width: 0.08rem;
  }
  #icl #icl-clear main .section05 .dl_changeTab__dataInner::-webkit-scrollbar-track{
    background: #f4f4f4;
    border: none;
    border-radius: 0.04rem;
    -webkit-box-shadow: inset 0 0 0.02rem #888888;
    box-shadow: inset 0 0 0.02rem #888888;
  }
  #icl #icl-clear main .section05 .dl_changeTab__dataInner::-webkit-scrollbar-thumb{
    background: #ccc;
    border-radius: 0.04rem;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #icl #icl-clear main .section05 .dl_changeTab__data{
    position: static;
    height: 6.6rem;
    padding: 10px 10px 20px;
    border: 0.1rem solid #1db7bc;
    border-bottom-left-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    overflow: hidden;
    margin: 0 0 0.4rem;
  }
  #icl #icl-clear main .dl_changeTab__data .tab-sub-section h2{
    color: #4f4f4f;
    font-size: 0.3rem;
  }
  #icl #icl-clear main .section05 .dl_changeTab__data.data03 .tab-sub-section h2{
    color: #1db7bc;
  }
  #icl #icl-clear main .section05 .table-block h2{
    color: #4f4f4f;
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
  }
  #icl #icl-clear main .section05 .table{
    border-top: 0.04rem solid #e2f1f2;
  }
  #icl #icl-clear main .section05 .table dl{
    font-size: 0;
  }
  #icl #icl-clear main .section05 .table dl dt,
  #icl #icl-clear main .section05 .table dl dd{
    height: 0.8rem;
    text-align: left;
    line-height: 0.8rem;
  }
  #icl #icl-clear main .section05 .table dl dt{
    color: #1db7bc;
    font-size: 0.26rem;
  }
  #icl #icl-clear main .section05 .table dl dd{
    display: inline-block;
    width: 25%;
    color: #4f4f4f;
    font-size: 0.25rem;
    border-bottom: 0.02rem solid #e2f1f2;
  }
  #icl #icl-clear main .section05 .table dl .wide{
    display: inline-block;
    width: 50%;
  }
  #icl #icl-clear main .dl_changeTab__data.data02{
    height: 1.5rem;
  }
  #icl #icl-clear main .dl_changeTab__data.data04{
  }
  #icl #icl-clear main .dl_changeTab__data .tab-sub-section ul {
    margin-top: 0.4rem;
    margin-bottom: 0.8rem;
    border-top: 0.04rem solid #e2f1f2;
  }
  #icl #icl-clear main .dl_changeTab__data .tab-sub-section li{
    color: #4f4f4f;
    font-size: 0.25rem;
    overflow: hidden;
  }
  #icl #icl-clear main .dl_changeTab__data .tab-sub-section li span{
    float: right;
    width: calc(100% - 0.6rem);
  }
  #icl #icl-clear main .dl_changeTab__data .tab-sub-section p{
    font-size: 0.25rem;
  }
  #icl #icl-clear main .section05 .tab-sub-section04 .table{
    border: none
  }
  #icl #icl-clear main .section05 .tab-sub-section04 .table dt{
    width: 30%;
  }
  #icl #icl-clear main .section05 .tab-sub-section04 .table dd{
    width: 40%;
  }
  #icl #icl-clear main .section05 .tab-sub-section04 .table .no-border{
    width: 30%;
  }
  #icl #icl-clear main .section05 .tab-sub-section04 .table .wide{
    width: 30%;
  }
  #icl #icl-clear main .section05 .tab-sub-section04 .table dt,
  #icl #icl-clear main .section05 .tab-sub-section04 .table dd{
    height: 1.2rem;
  }
  #icl #icl-clear main .section05 .tab-sub-section04 .table dt{
    padding: 0.2rem 0;
    line-height: 1.75;
  }
  #icl #icl-clear main .section05 .tab-sub-section04 .table dd{
    padding: 1em 0;
    line-height: 1.2;
  }
  #icl #icl-clear main .section05 .tab-sub-section04 .table:last-child dd{
    padding: 0.2rem 0;
    line-height: 1.75;
  }

}

@media (max-width: 465px) {
  #icl #icl-clear main .section05 .st_mainContent{
    width: 100%;
  }
}

#icl #icl-clear .site-footer {
  position: relative;
  margin-top: 342px;
  width: 100%;
  padding: 0 50px;
  background: #e2f1f2;
}

#icl #icl-clear .site-footer .purchace {
  position: relative;
  top: -40px;
  width: 300px;
  margin: 0px auto 0;
  text-align: center;
}

#icl #icl-clear .site-footer .purchace a {
  display: block;
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: #fff;
  color: #f09192;
  font-weight: 700;
  border-radius: 40px;
  font-size: 16px;
}

#icl #icl-clear .site-footer .purchace a::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 5px;
  width: 20px;
  height: 22px;
  margin-right: 40px;
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon7.svg?v=1679554996') no-repeat;
  background-size: cover;
}

#icl #icl-clear .site-footer .purchace a:hover {
  background: #f09192;
  color: #fff;
}

#icl #icl-clear .site-footer .purchace a:hover::before {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 20px;
  height: 22px;
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_icon7-on.svg?v=1679556017') no-repeat;
  background-size: cover;
}

#icl #icl-clear .site-footer .to-top {
  display: block;
  position: absolute;
  top: -25px;
  right: 50px;
  width: 50px;
  height: 50px;
  background: #e2f1f2;
  border-radius: 50%;
}

#icl #icl-clear .site-footer .to-top::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 7px;
  background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_footer-to-top.png?v=1679556017') no-repeat;
  background-size: cover;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#icl #icl-clear .site-footer .to-top:hover {
  opacity: 0.5;
}

#icl #icl-clear .site-footer .footer-top {
  width: 100%;
  max-width: 1500px;
  overflow: hidden;
  margin-top: -29px;
  padding-top: 0;
}

#icl #icl-clear .site-footer .footer-top h2 {
  float: left;
  width: 171px;
}
#icl #icl-clear .site-footer .footer-top h2 a{
  display: block;
}
#icl #icl-clear .site-footer .footer-top h2 a:hover{
  opacity: 0.5;
}
#icl #icl-clear .site-footer .footer-top .sns-block {
  float: right;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
}

#icl #icl-clear .site-footer .footer-top .sns-block {
  display: inline-block;
  padding-top: 23px;
}

#icl #icl-clear .site-footer .footer-top .sns-block p {
  color: #1db7bc;
  font-size: 14px;
  font-weight: 700;
}

#icl #icl-clear .site-footer .footer-top .sns-block div,
#icl #icl-clear .site-footer .footer-top .sns-block ul {
  display: inline-block;
  font-size: 0;
}

#icl #icl-clear .site-footer .footer-top .sns-block ul li {
  display: inline-block;
  margin-left: 30px;
}

#icl #icl-clear .site-footer .footer-top .sns-block ul li a{
  display: block;
}
#icl #icl-clear .site-footer .footer-top .sns-block ul li a:hover{
  opacity: 0.5;
}

#icl #icl-clear .site-footer .footer-bottom {
  display: block;
  width: 100%;
  max-width: 1500px;
  overflow: hidden;
}

#icl #icl-clear .site-footer .footer-bottom nav {
  float: left;
  margin: 37px 0 46px;
}

#icl #icl-clear .site-footer .footer-bottom nav li {
  display: inline-block;
}

#icl #icl-clear .site-footer .footer-bottom nav li:not(:last-child)::after {
  content: "|";
  display: inline-block;
  margin: 0 16px;
  color: #1db7bc;
}

#icl #icl-clear .site-footer .footer-bottom nav li a {
  color: #1db7bc;
  font-size: 12px;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}

#icl #icl-clear .site-footer .footer-bottom nav li a:hover {
  opacity: 0.5;
}

#icl #icl-clear .copyright {
  position: absolute;
  bottom: 40px;
  right: 50px;
  color: #1db7bc;
  font-size: 12px;
}

#icl #icl-clear .copyright p {
  color: #1db7bc;
  font-size: 12px;
}


@media (max-width: 930px) {
  #icl #icl-clear .site-footer{
    margin-top: 2.8rem;
    padding: 0 0.5rem 1.5rem;
  }
  #icl #icl-clear .site-footer .footer-top{
    float: left;
    width: 40%;
    margin-top: 0.9rem;
    margin-bottom: 0.8rem;
    font-size: 0;
  }

  #icl #icl-clear .site-footer .to-top::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.15rem;
    height: 0.07em;
    background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/clear_footer-to-top.png?v=1679556017') no-repeat;
    background-size: cover;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #icl #icl-clear .site-footer .footer-top h2{
    float: none;
    width: 3.165rem;
    font-size: 0;
  }
  #icl #icl-clear .site-footer .footer-top .sns-block{
    float: none;
    padding-top: 0;
    margin-top: 1.1rem;
    border-bottom: none;
    font-size: 0;
  }
  #icl #icl-clear .site-footer .footer-top .sns-block div{
    display: none;
  }
  #icl #icl-clear .site-footer .footer-top .sns-block ul{
    font-size: 0;
  }
  #icl #icl-clear .site-footer .footer-top .sns-block ul li{
    margin: 0;
  }
  #icl #icl-clear .site-footer .footer-top .sns-block ul li:nth-child(1){

width: 0.55rem;
  }
  #icl #icl-clear .site-footer .footer-top .sns-block ul li:nth-child(2){
    width: 0.35rem;
    margin: 0 0.75rem 0 0.75rem;
  }
  #icl #icl-clear .site-footer .footer-top .sns-block ul li:nth-child(3){
    width: 0.55rem;
}
  #icl #icl-clear .site-footer .footer-bottom{
    float: right;
    width: 47%;
    margin-right: 0.2rem;
    margin-bottom: 0.8rem;
  }
  #icl #icl-clear .site-footer .footer-bottom nav{
    float: right;
    font-size: 0;
    margin: 0.7rem 0 0;
    text-align: left;
  }
  #icl #icl-clear .site-footer .footer-bottom .footer-nav{
    font-size: 0;
  }
  #icl #icl-clear .site-footer .footer-bottom .footer-nav li{
    display: block;
    line-height: 2.6;
    font-size: 0.28rem;
  }
  #icl #icl-clear .site-footer .footer-bottom .footer-nav li::before{
    content: '・';
    position: relative;
    display: inline-block;
    top: 4px;
    color: #1db7bc;
  }
  #icl #icl-clear .site-footer .purchace{
    top: -0.5rem;
    width: 54%;
    height: 1rem;
    line-height: 1rem;
  }
  #icl #icl-clear .site-footer .purchace a{
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.24rem;
    text-align: left;
    padding-left: 0.5rem;
  }
  #icl #icl-clear .site-footer .purchace a::before{
    margin-right: 0.5rem;
  }
  #icl #icl-clear .site-footer .to-top{
    width: 0.75rem;
    height: 0.75rem;
    right: 0.45rem;
    top: -0.375rem;
  }
  #icl #icl-clear .site-footer .footer-top{

margin-left: 0.2rem;
  }
  #icl #icl-clear .site-footer .footer-bottom nav li:not(:last-child)::after{
    display: none;
  }
  #icl #icl-clear .copyright{
    clear: both;
    position: relative;
    width: 100%;
    bottom: 0;
    margin: 0.5rem 0 0;
    padding: 0.7rem 0.4rem 0.4rem;
    font-size: 0.2rem;
    border-top: 0.04rem solid #fff;
    text-align: center;
    right: 0;
  }
  #icl #icl-clear .copyright p{
    font-size: 0.25rem;
  }
}


@media (max-width: 465px) {
  #icl #icl-clear .site-footer .footer-bottom .footer-nav li::before {
    content: '・';
    position: relative;
    display: inline-block;
    margin-right: 0.2rem;
    top: 0;
    color: #1db7bc;
  }
  #icl #icl-clear .site-footer .footer-bottom nav{
    float: none
  }
}

#icl #icl-clear .modalContent{
  width: 90%;
  /*max-width: 480px;*/
}
#icl #icl-clear .modal_productItem{
  width: 100%;
  padding: 0;
  border: none;
}

/* Summer Campaign */
/*heder menu*/
#icl .renewal.summer ._gNavList__item.-about {
  padding: 0 3.5rem 0;
}
#icl .renewal.summer ._gNavList__item.-product {
  padding: 0 4.2rem 0 4.2rem;
}
#icl .renewal.summer ._gNavList__item.-qa {
  padding: 0 5.2rem 0 5.2rem;
}
#icl .renewal.summer ._gNavList._spMenu__body {
  width: calc(100% - 280px);
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#icl .renewal.summer .svg087 {
  width: 142px;
}
#icl .renewal.summer .modal_productItem_btnBox{
  justify-content: center;
}
#icl .renewal.summer .modal_productItem_btnBox .mailorder_btn{
  width: 66.5%;
}
#icl .renewal.summer .modal_productItem_btn:after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(../images/summer-campaign/lefticon.png) top center no-repeat;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(45deg);
  transform: rotate(0deg);
}
#icl .renewal.summer .modal_productItem_btn.first {
    padding: 12px 22px 12px 5px;
}

/*siteHeader__group*/
#icl .renewal.summer .blockMain._topKv{
  background: #FFFFFF;
}
#icl .summer-campaign-svg001{
  width: 72px;
}
#icl .summer-campaign-svg002{
  width: 54px;
}
#icl .summer-campaign-svg003{
  width: 30px;
}
#icl .renewal.summer{
  margin: -105px 0 0;
}
/*siteHeader__group*/

/*#section01*/
#icl .campaign_inner{
  width: 100%;
  max-width: 1004px;
  margin: 0 auto;
}
#icl .campaign_ttl{
  width: 100%;
  max-width: 376px;
  margin: 0 auto;
}
#icl .campaign_section{
  background: url(../images/summer-campaign/section1_bg.png) top center no-repeat #ffffff;
  background-size: cover;
  padding: 60px 0 88px 0;
}
#icl .isokal_summer_ttl{
  width: 100%;
  max-width: 868px;
  margin: 0px auto;
  padding: 55px 0 15px 0;
}
#icl .isokal_summer-ttl_01{
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
#icl .isokal-summer-ttl-svg{
  width: 868px;
}
#icl .isokal-summer-food-ttl-svg{
  width: 600px;
}
#icl .isokal_summer{
  background: url(../images/summer-campaign/summer_bg.png) top center no-repeat;
  background-size: cover;
  margin-bottom: 40px;
}

/*smile_card_banner*/

#icl .smile_card_banner{
  background: url(../images/summer-campaign/smile_card_bg.png) top center no-repeat;
  background-size: cover;
  position: relative;
  padding: 100px 0 60px 0;
  margin-bottom: 145px;
}
#icl .smile_card{
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 45px;
}
#icl .lottery_banner{
  position: absolute;
  top: -12px;
  right: 240px;
}
#icl .quo_card_txt{
  width: 100%;
  max-width: 610px;
  margin: 0 auto;
  position: relative;
}

/*smile_card_banner*/

/*app_method*/

#icl .app_method{
  background: url(../images/summer-campaign/app_method_bg.png) top  center no-repeat;
  background-size: 100% auto;
  position: relative;
  padding: 105px 0 47px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#icl .app_ttl{
  width: 100%;
  max-width: 354px;
  margin: 0 auto;
  position: absolute;
  top: -25px;
  right: 0;
  left: 0;
}
#icl .step_01,
#icl .step_02{
  position: relative;
  background: #f1f8f2;
  border: 1px solid #01a3c1;
  border-radius: 10px;
}
#icl .step_01{
  margin-bottom: 110px;
}
#icl .app_method .list{
  width: 100%;
  margin: 0 auto;
  padding: 0 42px 65px 42px;
}
#icl .app_method .step_01 .title,
#icl .app_method .step_02 .title{
  position: absolute;
  top: -54px;
  right: 0;
  left: 0;
  text-align: center;
}
#icl .app_method .list .sub{
  background: #fff000;
  text-align: center;
  padding: 21px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#icl .app_method .list .sub img{
  width: 282px;
}
#icl .app_method .list .content{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  justify-content: center;
  padding: 50px 0 50px;
  background: #ffffff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#icl .app_method .list .step_02 .content{
  padding: 50px 0 20px;
}
#icl .list .step_02 .sub img{
  width: 433px;
}
#icl .app_method .list .content .text{
  width: 58%;
  text-align: center;
}
#icl .app_method .list .content .btn{
  width: 42%;
}

#icl .summer_01{
  width: 100%;
  max-width: 614px;
  padding: 0px 20px 0;
}
#icl .summer_02{
  position: absolute;
  right:0;
  top: 28px;
}
#icl .post_notice{
  width: 100%;
  max-width: 212px;
  float: right;
}
#icl .arrow_down{
  position:absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  text-align: center;
}

/*app_method*/

/*detail_campaign*/
#icl .detail_campaign{
  background: url(../images/summer-campaign/scroll_bg.png) top  center no-repeat;
  background-size: 100% auto;
  padding: 16px 0 75px 0px;
}
#icl .detail_campaign .box {
  width: 100%;
  max-width: 924px;
  margin:0 auto;
  font-weight: 500;
  background: #ffffff;
}
#icl .box .inner{
  padding: 35px 30px 35px 60px;
}
#icl .detail_ttl{
  width: 100%;
  text-align: center;
  margin-bottom: 35px;
}
#icl .box .content{
  overflow: auto;
  height: 232px;
  padding: 0;
  font-family: inherit;
}
#icl .box .content dl{
  padding-right: 45px;
}
#icl .box .content dt {
  letter-spacing: 0.07em;
  line-height: 1;
  font-size: 15px;
  color: #00a0dc;
  position: relative;
  padding: 0 0 10px 15px;
  font-family: inherit;
}
#icl .box .content dt:before {
  content: '●';
  position: absolute;
  color: #1db2dd;
  font-size: 14px;
  top: -5px;
  left: 0;
}
#icl .box .content dd {
  letter-spacing: 0.07em;
  line-height: 1.5;
  color: #4565ac;
  font-size: 14px;
  margin-bottom: 20px;
}
#icl .box .content dd a{
  color: #1db2dd;
}
#icl .box .content ul li{
  font-size: 14px;
  letter-spacing: 0.07em;
  line-height: 1.9;
  color: #4565ac;
}
#icl .content::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
#icl .content::-webkit-scrollbar{
  width: 10px;
  background-color: #F5F5F5;
}
#icl .content::-webkit-scrollbar-thumb{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #1db2dd;
}
/*detail_campaign*/
/*section01*/

/*twitterbtn_section*/

#icl .twitterbtn_section{
  background: url(../images/summer-campaign/twitterbtn_section_bg.png) top  center no-repeat;
  background-size: cover;
  position: relative;
}
#icl .campaign_inner.twitter{
  padding: 95px 0 77px 0;
}
#icl .twitter_ttl{
  width: 100%;
  max-width: 576px;
  margin: 0 auto;
  padding-bottom: 40px;
}
#icl .btn_group{
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  position: relative;
}
#icl .btn_group .btn{
  width: 50%;
  display: inline-block;
  padding-bottom: 20px;
  position: relative;
}
#icl .btn_group .btn:nth-child(odd){
  padding-right:25px;
}
#icl .btn_group .btn a img:last-child {
  display: none;
}
#icl .btn_group .btn a:hover img:last-child {
  display: block;
}
#icl .btn_group .btn a:hover img:first-child {
  display: none;
}

/*twitterbtn_section*/

/*app_period_section*/
#icl .app_period_section{
  width: 100%;
  background: #ffffff;
  padding: 100px 0 100px;
}
#icl .app_banner{
  width: 100%;
  background:#fff000;
  position:relative;
  border: 1px solid #fff000;
  border-radius: 10px;
}
#icl .app_date{
  width:100%;
  max-width: 524px;
  margin: 0 auto;
  padding: 35px 0 22px 0;

}
/*app_period_section*/

/*movie section*/

#icl .renewal.summer .section01{
  background: url(../images/summer-campaign/movie_bg.png) top  center no-repeat;
  background-size: cover;
  position: relative;
  padding: 65px 0 112px;
  margin-bottom: 10px;
}

#icl .renewal.summer .section01 .movie{
  display: block;
  position: relative;
  width: calc(100% - 200px);
  max-width: 800px;
  margin: 30px auto 0;
}
/*movie section*/

/*trail_section*/

#icl .trail_section{
  background: #fff0ce;
}
#icl .trial_ttl{
  width: 100%;
  max-width: 432px;
  margin: 0 auto;
  padding-bottom:65px;
}
#icl .trail_banner{
  width: 100%;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  background: #ffffff;
  border-radius: 20px;
  padding: 65px 0;
  margin-bottom: 30px;

}
#icl .trial{
  width: 60%;
  display: inline-block;
}
#icl .trial_price{
  width: 40%;
  display: inline-block;
}
#icl .trail_section .campaign_inner{
  padding: 100px 0 100px 0;
}
#icl .purchase_txt{
  text-align: center;
}
/*trail_section*/

#icl .modal_productItem_btn.first {
  padding: 18px 22px 18px 5px;
}
#icl .renewal.summer .section05 {
  padding: 193px 0 105px;
}
#icl .renewal.summer ._gNav__item.-purchace {
  border-radius: 21px;
}
#icl .renewal.summer .modal_productItem_name .svg082{
  width: 362px;
}
#icl .renewal.summer .svg081{
  width: 194px;
}
@media (max-width: 930px) {
#icl .modal_productItem_btn.first {
  padding: 1.7rem 0.6rem 1.7rem 0rem;
}

}
 @media (min-width: 768px) and (max-width: 979px) {
  #icl .campaign_section {
      background: url(../images/summer-campaign/section1_bg.png) top center no-repeat #ffffff;
      background-size: 100% 100%;
      padding: 60px 0 88px 0;
  }
  #icl .campaign_inner{
      max-width: 83.66%;
  }
  #icl .campaign_ttl{
      max-width: 37.45%;
  }
#icl   .isokal_summer{
      margin-bottom: 3.98%;
  }
  #icl .isokal_summer_ttl{
      max-width: 86.45%;
      padding: 5.478% 0 1.49% 0;
  }
  #icl .isokal_summer-ttl_01{
      max-width: 59.76%;
  }
  #icl .smile_card_banner{
      background-size: 100% auto;
      padding: 14.33% 0 8% 0;
      margin-bottom: 22.58%;
  }
  #icl .smile_card{
      max-width: 28%;
      padding-bottom: 3.75%;
  }
  #icl .lottery_banner {
      position: absolute;
      top: 8.7%;
      right: 29.65%;
      width: 13.5%;
  }
  #icl .quo_card_txt{
      width: 50%;
  }
  #icl .app_ttl {
      max-width: 46.9%;
  }
  #icl .app_method{
      background-size: 100% 100%;
  }
  #icl .app_method .list .content {
      padding: 6.5% 2% 6.5%;
  }
  #icl .summer_01 {
      max-width: 72.16%;
  }
  #icl .summer_02 {
      top: 20%;
      width: 33%;
  }
  #icl .detail_campaign .box{
      max-width: 92%;
  }
  #icl .detail_campaign {
      padding: 1.5% 0 12% 0;
  }
  #icl .box .content{
      /*height: 12.1rem;*/
      height: 16.2vw;
  }
  #icl .renewal.summer ._gNavList._spMenu__body{
      width: calc(100% - 165px);
  }
  #icl .renewal.summer .modal_productItem_name .svg082 {
    width: 90%;
  }
  #icl .renewal.summer .svg087 {
    width: 70%;
  }
  #icl .renewal.summer .svg081 {
    width: 51%;
  }

 }
@media (min-width: 800px) and (max-width: 979px) {
   #icl .box .content{
      height: 17.5vw;
  }
}
@media (min-width: 979px) and (max-width: 1000px) {
   #icl .box .content{
      height: 22.8vw;
  }
}
@media (max-width: 767px) {

  /*siteHeader__group*/
  #icl .renewal.summer .svg001 {
      width: 58%;
      position: relative;
      margin-left: 7rem;
  }
  #icl .renewal.summer .svg002 {
      width: 25%;
      position: relative;
      margin-left: 6.5rem;
  }
  #icl .renewal.summer .svg003 {
      width: 16%;
      position: relative;
      margin-left: 5.3rem;
  }
  #icl .renewal.summer ._gNavList._spMenu__body {
       width: 100%;
  }
  #icl .renewal.summer .svg087 {
      width: 20rem;
  }
  #icl .summer.home .blockMain._topKv .logo {
      display: block;
      position: absolute;
      top: 10%;
      right: 40%;
      z-index: 100;
      width: 29%;
  }
  #icl .campaign_inner {
      max-width: 90.66%;
  }
  #icl .campaign_inner.section_inner {
      max-width: 92.5%;
  }
  #icl .campaign_section{
    background: url(../images/summer-campaign/section1_sp_bg.png) top center no-repeat #ffffff;
      background-size: cover;
      padding: 9.3% 0 8% 0;
  }
  #icl .campaign_ttl{
      max-width: 54.11%;
      margin-bottom: 7%;
  }
  #icl .isokal_summer_ttl{
      max-width: 93%;
      padding: 0 0 1.41% 0;
  }
  #icl .isokal-summer-ttl-svg {
      width: 86.8rem;
  }
  #icl .isokal_summer-ttl_01{
      max-width: 71%;
      margin-bottom: 12.5%;
  }
  #icl .isokal_summer{
    background: url(../images/summer-campaign/summer_sp_bg.png) top center no-repeat;
      background-size: 70.73% auto;
  }
  /*smile_card_banner*/
  #icl .smile_card_banner{
    background: url(../images/summer-campaign/smile_card_sp_bg.png) top center no-repeat;
      background-size: 100% 100%;
      margin-bottom: 29.85%;
      padding: 16.17% 0 8.8% 0;
  }
  #icl .smile_card{
      max-width: 50%;
      padding-bottom: 4.44%;

  }
  #icl .lottery_banner{
    position: absolute;
      top: -3%;
      right: 9%;
      width: 24.67vw;
      height: 100%;
  }

  #icl .quo_card_txt{
    max-width: 67.94%;
    margin: 0 auto;
    position: relative;
  }

  /*smile_card_banner*/
  /*app_method*/
   #icl .campaign_inner.app_inner {
      max-width: 86.6%;
  }

#icl   .app_method{
      background: url(../images/summer-campaign/app_method_sp_bg.png) top  center no-repeat #ffffff;
      background-size: cover;
      position: relative;
      padding: 16.17%  0 16.17%;
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
  }
  #icl .app_ttl{
      max-width: 60.29%;
      margin: 0 auto;
      position: absolute;
      top: -2%;
      right: 0;
      left: 0;
  }
  #icl .app_banner .app_ttl{
      top: -12.67%;
  }

  #icl .step_01,
  #icl .step_02{
      border: .1rem solid #01a3c1;
      border-radius: 1rem;
  }
  #icl .step_01{
      margin-bottom: 11.8rem;
  }
  #icl .app_method .list{
      width: 100%;
      margin: 0 auto;
      padding: 0 3.84% 17.69% 3.84%;
  }
  #icl .app_method .step_01 .title,
  #icl .app_method .step_02 .title{
       position: absolute;
      top: -18%;
      right: 0;
      left: 0;
      text-align: center;
  }
  #icl .app_method .step_02 .title{
      top: -11.9%;
  }
  #icl .app_method .step_01 .title img,
  #icl .app_method .step_02 .title img{
      width: 29.967vw;
  }

  #icl .app_method .list .sub{
      padding: 4.05%;
      border-top-left-radius: .5rem;
      border-top-right-radius: .5rem;
  }
  #icl .app_method .step_02 .sub{
      padding: 6.7% 0 4.7%;
  }
  #icl .app_method .list .sub img{
      width: 61.53%;
  }
  #icl .app_method .list .content{
      display: block;
      justify-content: center;
      padding: 8% 1.53% 10.23%;
      border-bottom-left-radius: 1rem;
      border-bottom-right-radius: 1rem;
  }
  #icl .list .step_02 .sub img{
      width: 88.33%;
  }
  #icl .app_method .list .step_02 .content {
      padding: 7.69% 0 7%;
  }
  #icl .app_method .list .content .text,
  #icl .app_method .list .content .btn{
      width: 100%;
      text-align: center;
      margin-bottom: 7.69%;
  }
  #icl .app_method .list .content .btn{
      margin-bottom: 0;
  }

 #icl .summer_01{
      max-width: 100%;
      padding: 0;
      text-align:center;
  }
 #icl .summer_02{
      position: absolute;
      right: 6%;
      top: 17%;
      width: 25.5%;
  }
  #icl .post_notice{
      width: 100%;
      max-width: 56.61%;
      float: right;
      margin-top: -1%;
  }
  #icl .arrow_down{
      position:absolute;
      bottom: -10.2%;
      left: 0;
      right: 0
  }

  /*app_method*/

  /*detail_campaign*/

  #icl .detail_campaign{
      background: url(../images/summer-campaign/scroll__sp_bg.png) top  center no-repeat;
      background-size: 100% auto;
      padding: 2.1vw 0 1.7vw 0;
      width: 100%;
  }
  #icl .detail_campaign .box {
      max-width: 92%;
      width: 100%;
      height: 39.8vw;
  }
  #icl .box .inner{
      padding: 6.3vw 5vw 6.3vw 5vw;
  }
 #icl .detail_ttl{
      width: 100%;
      text-align: center;
      margin-bottom: 7.5%;
  }
  #icl .detail_ttl img{
      max-width: 45.5%;
  }
  #icl .box .content{
      overflow: auto;
      height: 27.901vw;
      padding: 0;
      font-family: inherit;
  }
  #icl .box .content dl {
      padding-right: 14%;
  }
  #icl .box .content dt {
      letter-spacing: 0.07em;
      line-height: 1.215em;
      font-size:3.259vw;
      color: #00a0dc;
      position: relative;
      padding-left: 2.5rem;
      font-family: inherit;
  }
  #icl .box .content dt:before {
      content: '●';
      position: absolute;
      color: #1db2dd;
      font-size: 3.25vw;
      top: -0.4vw;
      left: 0;
  }
  #icl .box .content dd {
      letter-spacing: 0.07em;
      line-height: 1.2;
      color: #4565ac;
      font-size: 2.608vw;
      margin-bottom: 1rem;
  }
  #icl .box .content ul li{
     font-size: 2.608vw;
     letter-spacing: 0.07em;
     line-height: 1.5;
  }
#icl   .content::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 0.96% rgba(0,0,0,0.3);
    border-radius: 1rem;
    background-color: #F5F5F5;
  }
  #icl .content::-webkit-scrollbar{
      width: 1rem;
      background-color: #F5F5F5;
  }
  #icl .content::-webkit-scrollbar-thumb{
      border-radius: 1.6;
      -webkit-box-shadow: inset 0 0 0.96% rgba(0,0,0,.3);
      background-color: #1db2dd;
  }
  /*detail_campaign*/

  /*twitterbtn_section*/

  #icl .campaign_inner.twitter{
      max-width: 86.6%;
      padding: 13% 0 10% 0;
  }
  .#icl twitter_ttl{
      max-width: 89%;
      padding-bottom: 5.4%;
  }
  #icl .btn_group{
      display: block;
      width: 100%;
      padding: 0 5.3% 0 5.3%;
  }
  #icl .btn_group .btn{
      width: 100%;
      display: block;
      padding-bottom: 3.33%;
  }
  #icl .btn_group .btn img{
      width: 100%;
  }
  #icl .btn_group .btn:nth-child(odd){
      padding-right:0;
  }

  /*twitterbtn_section*/

  /*app_period_section*/
  #icl .app_period_section{
      padding: 16.9% 0 13.33%;
  }
  #icl .app_banner{
      border: .1rem solid #fff000;
      border-radius: 1rem;
  }
  #icl .app_date{
      max-width: 78%;
      text-align:center;
      padding: 7% 0 4% 0;
  }
  /*app_period_section*/

  /*trail_section*/

  #icl .trial_ttl{
      max-width: 58%;
      text-align: center;
      padding-bottom: 9.5%;
  }
  #icl .trail_banner{
      width: 100%;
      display: block;
      border-radius: 2rem;
      padding: 9.83% 0;
      margin-bottom: 8.5%;
  }
  #icl .trial,.trial_price{
      width: 100%;
      text-align:center;
  }
  #icl .trial{
      padding-bottom: 5rem;
  }
  #icl .trail_section .campaign_inner{
      padding: 13%  0 13%;
      width: 80%;
  }
  #icl .purchase_txt {
      padding-top: 1.6%;
  }
  #icl .renewal.summer .section01 {
      padding: 13% 0 13% 0;
    }
  #icl .renewal.summer .section01 .movie {
      display: block;
      position: relative;
      width: 85.4166%;
      margin: 3.90625rem auto 0;
  }
  #icl .renewal.summer .svg079 {
      width: auto;
      max-width: 65%;
      max-height: 3rem;\
      height: auto;
      top: -3rem;
  }
  #icl .renewal.summer .svg080 {
     width: auto;
     max-height:9.518vw;
     top: -3.2vw;
  }
  #icl .renewal.summer .section04 .product-btn{
      padding: 6.02% 0 6.02% 0;
  }
  #icl .renewal.summer .section04 .product-btn::after {
      border-width: 2.21vw 1.69vw 0 1.69vw;
  }
  #icl .renewal.summer .section04 .product-btn{
      float: right;
  }
  #icl .renewal.summer .section04 .product-btn02{
      float: left;
  }
  #icl .renewal.summer .section05 {
      margin: -6px 0 0 0;
      padding: 50px 0 0;
      background: #FFF9EB;
  }
  #icl .renewal.home .section04 .product01{
      margin: 6.9rem auto 0;
  }

  #icl .renewal.summer .svg087 {
    width: 9rem;
  }

  #icl .renewal.summer .modal_productItem_btn::after{
    right: 2rem;
    width: 1.6rem;
    height: 1.6rem;
    margin-top: -.8rem;
  }
}


/*trail_section*/

@media (max-width: 420px) {
  #icl .summer.home .blockMain._topKv .logo {
      top: 12%;
  }
  #icl .arrow_down{
      bottom: -25%;
  }
  #icl .box .content {
      height: 33.333vw;
  }
  #icl .box .content dl {
      padding-right: 2%;
  }
  #icl .box .content dt {
      font-size: 1rem;
  }
  #icl .box .content dt:before {
      font-size: 1rem;
      top: -.2rem;
  }
  #icl .box .content dd {
      font-size: 1rem;
      margin-bottom: 1rem;
  }
  #icl .box .content ul li {
      font-size: 1rem;
  }
  #icl .summer_02{
      top: 21.5%;
  }
  #icl .renewal.summer .svg080 {
      top: -2vw;
  }
  #icl .renewal.summer .svg079 {
      top: -2.3rem;
  }
  #icl .renewal.summer .section04 .product-btn::after {
      border-width: 0.8rem 0.5rem 0 0.5rem;
  }
   #icl .content::-webkit-scrollbar-track{
      -webkit-box-shadow: inset 0 0 0.96% rgba(0,0,0,0.3);
      border-radius: .7rem;
  }
  #icl .content::-webkit-scrollbar{
      width: .7rem;
  }
  #icl .content::-webkit-scrollbar-thumb{
      border-radius: .7rem;
      min-height: 3rem;
      -webkit-box-shadow: inset 0 0 0.96% rgba(0,0,0,.3);
  }
  #icl .renewal.summer .modal_productItem_name .svg082{
    width: 86.19vw;
  }
  #icl .renewal.summer .svg081 {
    width: 46.19vw;
  }
  #icl .detail_campaign .box {
    height: 39.8vw;
  }
}

/* feedback */
#icl .feedback_content{
  position: relative;
  max-width: 910px;
  margin: 0 auto;
}

#icl .feedback_img_section{
  margin-top: 66px;
}

#icl .fav_jelly_img{
  position: absolute;
  left: 26%;
  bottom: 9%;
}

#icl .profile_section {
  width: 42%;
  float: right;
  padding-right: 5vw;
  position: absolute;
  right: 10%;
  top: 68%;
}

#icl .feedback_img_section .listGrid_3__itemImg.pc_in{
  margin-left: -6%;
}

#icl .profile_comment{
  font-size: 12px;
  text-align: center;
  padding-bottom: 2rem;
}

#icl .dot {
  height: 10px;
  width: 10px;
  background-color: #f26b16;
  border-radius: 50%;
  display: inline-block;
}

#icl .profile_section .profile_ttl{
  font-size: 16px;
  line-height: 1.8;
  color: #f26b16;
  display: inline-block;
}

#icl .profile_section #icl .profile_txt{
  font-size: 13px;
  line-height: 1.5;
  color: #000000;
  text-align: justify;
}


@media (max-width:897px){
  #icl .profile_section{
    bottom: 1.8rem;
    padding-right: 4vw;
  }

  #icl .profile_comment {
    font-size: 1.35vw;
    padding-bottom: 1.3vw;
  }

  #icl .profile_section .profile_txt{
    font-size: 1.45vw;
  }
}


@media (max-width: 767px){
  #icl .feedback_content{
    position: relative;
  }

  #icl .feedback_img_section .grandma_img{
    max-width: 100%;
  }

  #icl #isocal_home .feedback_img_section .grandma_img{
    margin-left: -1.05%;
  }

  #icl .fav_jelly_img{
    width: 30%;
    top: 10%;
    left: 66%;
  }

  .#icl profile_section {
    width: 75%;
    float: none;
    margin: 0 auto;
    padding-right: 0;
    position: absolute;
    top: 82%;
    left: 11%;
  }

  #icl .profile_comment {
    font-size: 2.4vw;
    padding-bottom: 2vw;
  }

  #icl .dot{
    height: 2vw;
    width: 2vw;
  }

  #icl .profile_section .profile_ttl{
    font-size: 3vw;
  }

  #icl .profile_section .profile_txt{
    font-size: 2.5vw;
  }
}


/* breadcrumb
----------------------------------------------- */
#icl #icl-clear .breadcrumb .page-links {
  line-height: 0.3;
  padding: 6px 0;
}

#icl #icl-clear .page-links {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}


@media (max-width: 767px){
  #icl #icl-clear .breadcrumb .page-links {
    letter-spacing: -28px;
}

}

@media (min-width: 768px) and (max-width: 930px){
  #icl #icl-clear .breadcrumb .page-links li a::after{
    margin: 0 -19px 0 8px;
  }
}

/* 追加CSS */
header.header,
.header-wrapper,
#shopify-section-footer {
  display: none;
}
#icl {
  margin: 0 !important;
}
body {
	overflow-x: hidden;
    position: relative;
}
.shopify-section {
    box-sizing: content-box;
}
.menu_btn {
    width: 100vw;
    max-width: 100vw;
}
.skip-to-content-link {
    display: none;
}
@media (max-width: 930px) {
    html {
   font-size: 40.3226px;
}
}