:root {
  --font: #1A1A1A;
  --main: #F29500;
  --sub: #F7CE74;
  --accent: #D82A2A;
  --separate: #EDE7DD;
  --table-fill: #F7F0E7;
  --table-border: #EFE6DF;
  --main-bg: #F9F5ED;
  --worry-bg: #F9F5D9;
  --point-bg: #FCF9F2;
  --loan-border: #EFE3CA;
  --favor_box_bg: #FFFDF8;
  --system-bg: #F7F2DA;

  --brown: #3A2509;
  --white: #ffffff;
}

body {
	color: var(--font);
  line-height: 1.75;
}
.footer {
	margin-top: 0px;
}
.l-container_box {
	padding: 0 10px;
}
.em {
  font-weight: 700;
}
.accent {
  color: var(--accent);
}
.underline {
  text-decoration: underline;
  text-decoration-thickness: 0.4em;
  text-decoration-color: var(--sub);
  text-underline-offset: -0.1em;
  text-decoration-skip-ink: none;
}
@media print, screen and (max-width: 750px) {
  .sp_br::before {
    content: "\A";
    white-space: pre;
  }
}


/* ------------------------------
kv
------------------------------*/
.main_wrapper {
  background: var(--main-bg) url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/main_bg.webp") no-repeat center/100%;
  background-image: image-set(url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/main_bg.webp") 1x, url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/main_bg@2x.webp") 2x);
  background-image: -webkit-image-set(url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/main_bg.webp") 1x, url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/main_bg@2x.webp") 2x);
  position: relative;
}
.main_wrapper .main_visual {
  text-align: center;
}
.main_wrapper .main_visual img {
  width: min(1200px, 100%);
  margin-bottom: -7px;
}


/* ------------------------------
コンテンツエリア
------------------------------*/

h2.h2_heading {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
}

.intro_point_block,
.worry_block,
.interest_block,
.sample_block,
.favor_block,
.shop_block,
.shichi_system_block {
  padding: 50px 0px 0px;
}

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

.intro_point_block h2.h2_heading {
  background: url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/h2_intro_point.webp") no-repeat center/100%;
  background-image: image-set(url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/h2_intro_point.webp") 1x, url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/h2_intro_point@2x.webp") 2x);
  background-image: -webkit-image-set(url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/h2_intro_point.webp") 1x, url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/h2_intro_point@2x.webp") 2x);
  width: min(540px, 80vw);
  height: 145px;
  margin-bottom: 20px;
}
.intro_point_block ul {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 20px 40px;
}
.intro_point_block ul li.intro_point01 img {
  width: min(246px,80vw);
}
.intro_point_block ul li.intro_point02 img {
  width: min(301px,80vw);
}
.intro_point_block ul li.intro_point03 img {
  width: min(315px,80vw);
}

@media print, screen and (max-width: 980px) {
  .intro_point_block h2.h2_heading {
    height: 115px;
  }
  .intro_point_block ul {
    grid-template-columns: auto;
    justify-content: center;
  }
}
@media print, screen and (max-width: 600px) {
  .intro_point_block h2.h2_heading {
    height: 115px;
  }
}


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

.shop_info_block {
  padding-top: 50px;
}
.shop_info_block::after {
  content: "";
  display: inline-block;
  background: url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_bg.svg") repeat-x top left/contain;
  width: 100%;
  height: 26px;
  margin-bottom: -6px;
}
.shop_info_block .l-container_box {
  margin-bottom: 50px;
}

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

.worry_block {
  background: var(--worry-bg);
  margin-top: -2px;
  padding-bottom: 50px;
}
.worry_block ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  align-items: stretch;
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  margin-bottom: 20px;
  gap: 50px 30px;
}
.worry_block ul li {
  font-weight: 700;
  text-align: center;
  font-size: 22px;
  line-height: 1.4;
  color: var(--brown);
  width: min(300px, 80vw);
}
.worry_block ul li::after {
  content: "";
  display: inline-block;
  width: min(300px, 90vw);
  height: 268px;
  margin-top: -10px;
}
.worry_block ul li.worry_list01::after {
  background: url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list01.webp") no-repeat;
  background-image: image-set(url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list01.webp") 1x, url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list01@2x.webp") 2x);
  background-image: -webkit-image-set(url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list01.webp") 1x, url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list01@2x.webp") 2x);
}
.worry_block ul li.worry_list02::after {
  background: url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list02.webp") no-repeat;
  background-image: image-set(url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list02.webp") 1x, url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list02@2x.webp") 2x);
  background-image: -webkit-image-set(url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list02.webp") 1x, url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list02@2x.webp") 2x);
}
.worry_block ul li.worry_list03::after {
  background: url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list03.webp") no-repeat;
  background-image: image-set(url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list03.webp") 1x, url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list03@2x.webp") 2x);
  background-image: -webkit-image-set(url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list03.webp") 1x, url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/worry_list03@2x.webp") 2x);
}
.worry_block .worry_heading {
  font-size: 32px;
  font-weight: 700;
  color: var(--accent);
  text-align: center;
  margin-bottom: 20px;
}
.worry_block p {
  text-align: center;
}

@media print, screen and (max-width: 980px) {
  .worry_block ul {
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
  }
}
@media print, screen and (max-width: 980px) {
  
}

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

.bg_wrapper {
  background: var(--point-bg);
}

/* point_block start */

.point_block .heading_wrapper {
  background: var(--sub);
  width: 100vw;
  padding: 20px 10px;
  position: relative;
}
.point_block .heading_wrapper::after {
  content: "";
  display: inline-block;
  border-top: 35px solid var(--sub);
  border-right: 170px solid transparent;
  border-left: 170px solid transparent;
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.point_block .heading_wrapper h2.h2_heading {
  background: url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/h2_h2_point.webp") no-repeat center/100%;
  background-image: image-set(url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/h2_point.webp") 1x, url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/h2_point@2x.webp") 2x);
  background-image: -webkit-image-set(url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/h2_point.webp") 1x, url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/h2_point@2x.webp") 2x);
  width: min(437px, 80vw);
  height: 76px;
}
.point_block .point_area ul {
  margin-top: 75px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  gap: 40px 30px;
}
.point_block .point_area ul li {
  width: min(300px, 90vw);
}
.point_block .point_area ul li h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
  color: var(--main);
  margin-bottom: 10px;
  text-align: center;
}
.point_block .point_area ul li img {
  width: 100%;
}
.point_block .point_area ul li p {
  margin-top: 20px;
}
@media print, screen and (max-width: 980px) {
  .point_block .point_area ul {
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
  }
}
@media print, screen and (max-width: 750px) {

}
/* point_block end */

/* interest_block start */
.interest_block h2 {
  background: var(--main);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  text-align: center;
}
.interest_block h2 img {
  margin: -10px 0px -8px;
}
.interest_block .interest_box {
  border: 1px solid var(--separate);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 40px;
  background: var(--point-bg);
}
.interest_block .interest_box h3 {
  font-size: 24px;
  border-bottom: 1px solid var(--separate);
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-weight: 700;
}
.interest_block .interest_box h3 .date {
  margin-right: 30px;
}
.interest_block .interest_box p.interest_test {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
.interest_block .interest_box p.interest_test span {
  color: var(--accent);
}
.interest_block .interest_box p.sp {
  display: none;
}
.interest_block .interest_box .interest_table {
  width: 100%;
  border-top: 1px solid var(--table-border);
  border-right: 1px solid var(--table-border);
}
.interest_block .interest_box .interest_table th {
  background: var(--table-fill);
  text-align: center;
  font-weight: 700;
}
.interest_block .interest_box .interest_table th ,
.interest_block .interest_box .interest_table td {
  border-bottom: 1px solid var(--table-border);
  border-left: 1px solid var(--table-border);
  width: calc(100% / 3);
  padding: 10px 20px 8px;
}
.interest_block .interest_box p.attention {
  text-align: right;
  margin-top: 5px;
}

@media print, screen and (max-width: 750px) {
  .interest_block h2 {
    padding: 15px 5px 6px;
  }
  .interest_block h2 img {
    margin: 0px;
    width: min(341px, 80vw);
  }
  .interest_block .interest_box p.sp {
    display: block;
    font-weight: 700;
    color: var(--main);
    margin-bottom: 10px;
  }
  .interest_block .interest_box .interest_table {
    overflow-x: auto;
    display: block;
  }
  .interest_block .interest_box .interest_table th ,
  .interest_block .interest_box .interest_table td {
    white-space: nowrap;
  }
}

/* interest_block end */

/* sample_block start */
.sample_block h2 {
  font-weight: 700;
  font-size: 41px;
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.4;
}
.sample_block .sample_area {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: stretch;
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  gap: 70px 50px;
}
.sample_block .sample_area .series_wrapper {
  width: min(450px, 90vw);
}
.sample_block .sample_area .series_wrapper h3 {
  font-weight: 700;
  font-size: 20px;
  padding: 15px 10px 10px;
  background: var(--main);
  color: var(--white);
  text-align: center;
}
.sample_block .sample_area .series_wrapper .img_box {
  border: 1px solid var(--table-border);
  background: var(--white);
  padding: 5px 5px 3px;
}
.sample_block .sample_area .series_wrapper .img_box img {
  width: 100%;
  height: 250px;
  object-fit: contain;
}
.sample_block .sample_area .series_wrapper .series_table {
  border-top: 1px solid var(--table-border);
  border-right: 1px solid var(--table-border);
  width: 100%;
  margin-top: 20px;
}
.sample_block .sample_area .series_wrapper .series_table th ,
.sample_block .sample_area .series_wrapper .series_table td {
  width: calc(100% / 3);
  border-bottom: 1px solid var(--table-border);
  border-left: 1px solid var(--table-border);
  padding: 10px;
  background: var(--white);
}
.sample_block .sample_area .series_wrapper .series_table td.price {
  background: var(--table-fill);
  white-space: nowrap;
}
.sample_block .sample_area .series_wrapper .series_table td.price::before {
  content: "～";
  padding-left: 3px;
}


@media print, screen and (max-width: 980px) {
  .sample_block .sample_area {
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
  }
}
@media print, screen and (max-width: 750px) {
  .sample_block h2 {
    font-size: 32px;
  }
}

/* sample_block end */

/* favor_block start */
.favor_block {
  padding-bottom: 50px;
}
.favor_block .favor_box {
  background: var(--favor_box_bg);
  padding: 30px;
  margin-bottom: 30px;
}
.favor_block .favor_box h2 {
  font-size: 32px;
  font-weight: 700;
  color: var(--accent);
  text-align: center;
  border-bottom: 1px solid var(--separate);
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.favor_block .favor_box h2::before {
  content: "";
  display: inline-block;
  background: url("https://kanteikyoku-web.jp/wp/wp-content/themes/kanteikyoku/images/iphone-shichi/favor_icon.svg") no-repeat;
  width: 42.6px;
  height: 36.6px;
  margin: 0px 8px -6px 0px;
}
.favor_block .favor_box p.favor_intro {
  font-weight: 700;
  margin-bottom: 20px;
}
.favor_block .favor_box p.favor_intro a {
  text-decoration: underline;
  color: var(--font);
}
.favor_block .favor_box ul li {
  padding-left: 1em;
  text-indent: -0.8em;
}
.favor_block .favor_box ul li::before {
  content: "";
  display: inline-block;
  background: var(--font);
  width: 4px;
  height: 4px;
  border-radius: 3px;
  margin: 0px 5px 5px 0px;
}
.favor_block .favor_box ul li:not(:last-child) {
  margin-bottom: 13px;
}
.favor_block .favor_box p.favor_point {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  margin-top: 30px;
}

@media print, screen and (max-width: 750px) {
  .favor_block .favor_box h2 {
    padding-top: 40px;
    position: relative;
  }
  .favor_block .favor_box h2::before {
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .favor_block .favor_box p.favor_point {
    text-align: left;
  }
}


/* common */
.favor_block h3.setting_heading {
  background: var(--sub);
  padding: 10px 20px 8px;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 30px;
}
.favor_block h3.setting_heading .tips {
  background: var(--white);
  border-radius: 30px;
  padding: 2px 10px;
  color: var(--main);
}
.favor_block .method {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: stretch;
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
}
.favor_block .method figure .img_wrapper {
  background: var(--white);
  border: 1px solid var(--table-border);
  padding: 5px;
  height: 300px;
  position: relative;
}
.favor_block .method figure .img_wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.favor_block .method figure figcaption {
  text-align: center;
  margin-top: 20px;
}
.favor_block .supplement_box {
  background: var(--favor_box_bg);
  padding: 30px;
  margin-top: 30px;
}
.favor_block .pass_off ,
.favor_block .find_off ,
.favor_block .theft_off {
  margin-bottom: 50px;
}



/* 3分割 */
.favor_block .pass_off .method ,
.favor_block .theft_off .method {
  gap: 40px 30px;
}
.favor_block .pass_off .method figure ,
.favor_block .theft_off .method figure {
  width: calc(100% / 3);
}
/* 4分割 */
.favor_block .find_off .method ,
.favor_block .android_delete .method {
  gap: 40px 20px;
}
.favor_block .find_off .method figure ,
.favor_block .android_delete .method figure {
  width: calc(100% / 4);
}
/* android_delete */
.favor_block .android_delete p {
  margin-bottom: 20px;
}


@media print, screen and (max-width: 750px) {
  .favor_block h3.setting_heading {
    padding-left: 4.2em;
    text-indent: -3.5em;
  }
  .favor_block .method {
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    column-gap: 40px;
  }
  .favor_block .pass_off .method figure ,
  .favor_block .theft_off .method figure ,
  .favor_block .find_off .method figure ,
  .favor_block .android_delete .method figure {
    width: 80%;
  }
}

/* favor_block end */

/* shop_block start */
.shop_block {
  padding-bottom: 50px;
}
.shop_block h2 {
  font-size: 41px;
  font-weight: 700;
  text-align: center;
}

@media print, screen and (max-width: 750px) {
  .shop_block h2 {
    font-size: 32px;
  }
}

/* shop_block end */

/* shichi_system_block start */
.shichi_system_block {
  background: var(--system-bg);
  border-top: 3px solid var(--sub);
}
.shichi_system_block .shichi_system_area h2 {
  font-size: 32px;
  color: var(--main);
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}
.shichi_system_block .shichi_system_area h3 {
  font-weight: 700;
  font-size: 26px;
}
.shichi_system_block .shichi_system_area {
  background: var(--point-bg);
  border-radius: 10px;
  padding: 50px 0px 30px;
}
.shichi_system_block .shichi_system_area .w-660_box {
  max-width: 660px;
  width: 100%;
  margin: 0 auto;
}
.shichi_system_block .shichi_system_area .bg_wh {
  background: var(--white);
}

@media print, screen and (max-width: 750px) {
  .shichi_system_block {
    padding: 0px;
  }
  .shichi_system_block .shichi_system_area {
    border-radius: 0px;
    padding: 50px 3% 30px;
  }
}

/* shichi_system_block end */