@charset "UTF-8";

/* ==========================================================
 html5 elements
========================================================== */
article,
aside,
figure,
figcaption,
footer,
header,
nav,
section {
 display: block;
}

/* ==========================================================
 reseting
========================================================== */
body {
 line-height: 1.6;
 color: #4c4c4c;
 font-size: 14px;
 font-size: 1.4rem;
 -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 600px) {
 body {
  min-width: 1px;
 }
}

body,
input,
textarea,
select,
button {
 font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'mynoto', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 /* 明朝フォント
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;*/
}

body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td,
button,
figure,
figcaption {
 margin: 0;
 padding: 0;
}

input,
textarea {
 margin: 0;
 font-size: 100%;
}

input,
textarea,
select {
 /*-webkit-appearance: none;*/
}

textarea {
 resize: none;
}

button {
 border: none;
 overflow: visible;
 background: none;
 vertical-align: top;
 font-size: 100%;
 color: inherit;
 cursor: pointer;
 -webkit-appearance: none;
}

label {
 cursor: pointer;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
 font-size: 100%;
}

fieldset,
img {
 border: 0;
}

img {
 height: auto;
 vertical-align: top;
}

address,
caption,
code,
em,
th
{
font-style: normal;
font-weight: normal;
}

ol,
ul {
 list-style: none;
 line-height: 1.6;
}

caption,
th {
 text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
em {
 font-size: 100%;
 font-weight: normal;
}

a,
input {
 /* outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);*/
}

/*sup, sub
{ font-size: 63%;}*/
sup {
 top: 0.8em;
 vertical-align: top;
}

sub {
 vertical-align: baseline;
}

* {
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
}

/* ==========================================================
 base Link
========================================================== */
a {
 color: #4c4c4c;
 text-decoration: none;
}

a:visited {}

a:hover,
a:active,
a:focus {
 text-decoration: none;
}

/* ==========================================================
 clearfix
========================================================== */
.clearfix:before,
.clearfix:after,
.contents:before,
.contents:after {
 content: "";
 display: table;
}

.clearfix:after,
.contents:after {
 clear: both;
}

/* For IE 6/7
---------------------------------------------------------- */
.clearfix,
.contents {
 *zoom: 1;
}

/* ==========================================================
 layout
========================================================== */
html {
 overflow-y: scroll;
}

body {
 text-align: center;
}

@media screen and (max-width: 600px) {
 html.js-menu-open {
  overflow: hidden;
 }
}

/* ==========================================================
 wrapper
========================================================== */
.wrapper {
 width: 100%;
}

/* ==========================================================
 header
========================================================== */
.header {
 position: relative;
 z-index: 99995;
 width: 100%;
 text-align: left;
}

.header-company {
 position: relative;
 z-index: 99994;
 min-width: 1280px;
 padding: 9px 0 10px 39px;
 text-align: left;
}

header {
 height: 0;
 padding-bottom: 0;
}

.navigation-area {
 display: none;
 height: 0;
}

@media screen and (max-width: 600px) {
 .header-company {
  min-width: 1px;
 }
}

/* ==========================================================
 nav-global
========================================================== */
.box-nav-global-wrap {
 height: 80px;
}

.box-nav-global {
 display: table;
 position: relative;
 z-index: 99998;
 width: 100%;
 min-width: 1280px;
 height: 78px;
 border: solid #e6e6e6;
 border-width: 1px 0;
 background: #fff;
}

.pos-fixed {
 position: fixed;
 top: 0;
 z-index: 99998;
}

.box-nav-global .logo {
 overflow: hidden;
 display: table-cell;
 width: 336px;
 height: 78px;
 vertical-align: middle;
 padding: 0 40px;
 background: #fff;
}

.box-nav-global .logo a img {
 width: 256px;
 height: 43px;
}

.box-nav-global-in {
 display: table-cell;
 vertical-align: top;
 background: #fff;
}

.nav-global {
 float: right;
 padding-right: 135px;
}

.nav-global>li {
 float: left;
 width: 191px;
 background: #fff;
}

.nav-global>li.nav02 {
 width: 207px;
}

.nav-global>li.nav03 {
 width: 220px;
}

.nav-global>li>a {
 display: table;
 width: 100%;
 height: 78px;
 color: #666;
 font-weight: bold;
 line-height: 1.3;
}

.nav-global>li:hover>a {
 color: #3ba995;
}

.nav-global>li>a:hover {
 color: #3ba995;
 transition: none;
 -moz-transition: none;
 opacity: 1;
 -moz-opacity: 1;
}

.nav-global>li>a div {
 display: table-cell;
 position: relative;
 vertical-align: middle;
 text-align: left;
}

.nav-global>li.nav02>a div:before {
 content: "";
 position: absolute;
 top: 18px;
 right: 0;
 width: 1px;
 height: 44px;
 background: #c2c2c2;
}

.nav-global>li.nav03>a div {
 padding-left: 39px;
}

.nav-global>li>a div span {
 display: inline-block;
 position: relative;
 vertical-align: top;
 text-align: left;
}

.nav-global>li>a div span:before {
 content: "";
 position: absolute;
 top: 50%;
 right: 0;
 width: 13px;
 height: 8px;
 margin-top: -4px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_arrow_down_01.png) no-repeat right center;
 background-size: 13px 8px;
}

.nav-global>li:hover>a div span:before {
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_arrow_down_02.png) no-repeat right center;
 background-size: 13px 8px;
}

.nav-global>li.nav03>a div span:before {
 width: 0;
 height: 0;
 margin-top: 0;
 background: none;
 background-size: 0 0;
}

.nav-global>li.nav03>a:hover div span:before {
 background: none;
 background-size: 0 0;
}

.nav-global>li.nav01>a div span {
 padding: 3px 23px 3px 39px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_home_01_pc.png) no-repeat left center;
}

.nav-global>li.nav02>a div span {
 padding: 3px 22px 3px 32px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_product_01_pc.png) no-repeat left center;
}

.nav-global>li.nav03>a div span {
 padding: 3px 0 3px 15.5%;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_faq_01_pc.png) no-repeat left center;
}

.gnavi-inner-01 {
 display: none;
 overflow: hidden;
 position: absolute;
 top: 79px;
 left: 0;
 z-index: 2;
 width: 100%;
 height: 139px;
 background: #fff;
}

.gnavi-inner-01 .list-01 {
 overflow: hidden;
 display: table;
 margin: 0 auto;
 padding-top: 43px;
}

.gnavi-inner-01 .list-01 li {
 overflow: hidden;
 display: table-cell;
 vertical-align: top;
 padding-right: 92px;
 background: #fff;
 text-align: left;
}

.gnavi-inner-01 .list-01 li:last-child {
 padding-right: 0;
}

.gnavi-inner-01 .list-01 li a {
 color: #333;
 font-weight: bold;
 line-height: 1.3;
}

.gnavi-inner-01 .list-01 li a:hover {
 color: #3ba995;
 transition: none;
 -moz-transition: none;
 opacity: 1;
 -moz-opacity: 1;
}

.gnavi-inner-01 .list-01 li a span {
 display: inline-block;
 padding: 14px 0 12px 57px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_pet_01.png) no-repeat left center;
}

.gnavi-inner-01 .list-01 li:last-child a span {
 padding: 14px 0 12px 57px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_pet_02.png) no-repeat left center;
}

.gnavi-inner-01 .list-02 {
 overflow: hidden;
 display: table;
 margin: 0 auto;
 padding-top: 30px;
}

.gnavi-inner-01 .list-02 li {
 overflow: hidden;
 display: table-cell;
 vertical-align: middle;
 background: #fff;
 text-align: left;
 padding-left: 69px;
}

.gnavi-inner-01 .list-02 li:first-child {
 padding-left: 0;
}

.gnavi-inner-01 .list-02 li a {
 display: table;
 width: 100%;
 color: #333;
}

.gnavi-inner-01 .list-02 li a:hover {
 color: #3ba995;
 transition: none;
 -moz-transition: none;
 opacity: 1;
 -moz-opacity: 1;
}

.gnavi-inner-01 .list-02 li a .image {
 display: table-cell;
 vertical-align: middle;
 padding-right: 16px;
}

.gnavi-inner-01 .list-02 li a .text {
 display: table-cell;
 vertical-align: middle;
 font-weight: bold;
 line-height: 1.3;
}

.header-links-01 {
 overflow: hidden;
 position: absolute;
 top: 50%;
 right: 0;
 width: 135px;
 height: 78px;
 margin-top: -39px;
}

.header-links-01 li {
 overflow: hidden;
 height: 39px;
}

.header-links-01 li a {
 display: block;
 height: 39px;
 padding: 13px 0 0 44px;
 background: #1f9d86 url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_plus_01.png) no-repeat 16px 13px;
 background-size: 16px 16px;
 text-align: left;
 color: #fff;
 font-size: 13px;
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 1.2;
}

.header-links-01 li.links-02 a {
 background: #1e22aa url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_tel_01.png) no-repeat 16px 13px;
 background-size: 17px 14px;
}

.nav-close-01 {
 display: none;
}

.btn-menu-01 {
 display: none;
}

@media screen and (max-width: 600px) {
 header {
  padding-top: 0;
 }

 .box-nav-global-wrap {
  height: auto;
 }

 .box-nav-global {
  display: block;
  position: fixed;
  top: 0;
  z-index: 9999;
  min-width: 0;
  height: 45px;
  border: none;
  border-width: 0;
 }

 .js-menu-open .box-nav-global {
  height: auto;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
 }

 .box-nav-global .logo {
  display: block;
  position: relative;
  width: 100%;
  height: 45px;
  padding: 10px 0 0 10px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  text-align: left;
 }

 .box-nav-global .logo a img {
  width: 145px;
  height: 24px;
 }

 .box-nav-global-in {
  display: none;
  overflow: auto;
  position: absolute;
  top: 45px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: none;
  -webkit-overflow-scrolling: touch;
 }

 .nav-global {
  float: none;
  width: 100%;
  padding: 0;
  background: #fff;
 }

 .nav-global>li {
  display: block;
  float: none;
  width: auto;
  margin: 0 20px;
  border-top: 1px solid #e5e5e5;
  position: relative;
 }

 .nav-global>li.nav01 {
  border-top: none;
 }

 .nav-global>li.nav02 {
  width: auto;
 }

 .nav-global>li.nav03 {
  width: auto;
  margin: 0;
 }

 .nav-global>li>a {
  display: block;
  height: 59px;
  padding-left: 14px;
  color: #4c4c4c;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.3;
  text-align: left;
 }

 .nav-global>li.nav03>a {
  padding-left: 34px;
 }

 .nav-global>li>a div {
  display: block;
  height: 59px;
 }

 .nav-global>li.nav02>a div:before {
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: none;
 }

 .nav-global>li.nav03>a div {
  padding-left: 0;
 }

 .nav-global>li>a div span {
  display: block;
  height: 59px;
 }

 .nav-global>li>a div span:before,
 .nav-global>li:hover>a div span:before {
  top: 26px;
  right: 13px;
  width: 15px;
  height: 9px;
  margin-top: 0;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_arrow_down_03.png) no-repeat right top;
  background-size: 15px 9px;
 }

 .nav-global>li>a.is-open div span:before,
 .nav-global>li:hover>a.is-open div span:before {
  top: 26px;
  right: 13px;
  width: 15px;
  height: 9px;
  margin-top: 0;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_arrow_up_01.png) no-repeat right top;
  background-size: 15px 9px;
 }

 .nav-global>li.nav03>a div span:before,
 .nav-global>li.nav03>a:hover div span:before {
  top: 23px;
  right: 36px;
  width: 8px;
  height: 16px;
  margin-top: 0;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_arrow_right_01.png) no-repeat right top;
  background-size: 8px 16px;
 }

 .nav-global>li.nav01>a div span {
  padding: 21px 28px 0px 35px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_home_01_sp.png) no-repeat left 18px;
  background-size: 23px 22px;
 }

 .nav-global>li.nav02>a div span {
  padding: 21px 28px 0px 35px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_product_01_sp.png) no-repeat left 19px;
  background-size: 23px 21px;
 }

 .nav-global>li.nav03>a div span {
  padding: 21px 44px 0px 35px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_faq_01_sp.png) no-repeat left 19px;
  background-size: 23px 21px;
 }

 .gnavi-inner-01 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
 }

 .gnavi-inner-01 .list-01 {
  display: block;
  padding-top: 0;
 }

 .gnavi-inner-01 .list-01 li {
  display: block;
  padding-right: 0;
 }

 .gnavi-inner-01 .list-01 li a {
  display: block;
  min-height: 55px;
  padding: 14px 0 14px 14px;
  color: #4c4c4c;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
 }

 .gnavi-inner-01 .list-01 li a span {
  display: block;
  padding: 3px 0 0 35px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_pet_01.png) no-repeat 2px center;
  background-size: 20px 22px;
 }

 .gnavi-inner-01 .list-01 li:last-child a span {
  padding: 3px 0 0 35px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_pet_02.png) no-repeat 1px center;
  background-size: 23px 21px;
 }

 .gnavi-inner-01 .list-02 {
  display: block;
  padding-top: 0;
 }

 .gnavi-inner-01 .list-02 li {
  display: block;
  padding-left: 0;
  text-align: left;
 }

 .gnavi-inner-01 .list-02 li a {
  padding: 12px 0;
  color: #4c4c4c;
  font-size: 16px;
  font-size: 1.6rem;
 }

 .gnavi-inner-01 .list-02 li a .image {
  display: table-cell;
  width: 49px;
  padding-right: 0;
  line-height: 0;
 }

 .gnavi-inner-01 .list-02 li a .image img {
  width: 49px;
  height: 27px;
 }

 .gnavi-inner-01 .list-02 li:nth-child(2) a .image img {
  height: 38px;
 }

 .gnavi-inner-01 .list-02 li:nth-child(3) a .image img {
  height: 36px;
 }

 .gnavi-inner-01 .list-02 li:last-child a .image img {
  height: 18px;
 }

 .gnavi-inner-01 .list-02 li a .text {
  display: table-cell;
  padding-left: 16px;
  font-weight: normal;
 }

 .header-links-01 {
  position: relative;
  top: 0;
  width: 100%;
  height: 60px;
  margin-top: 0;
  border-top: 1px solid #e5e5e5;
 }

 .header-links-01 li {
  float: left;
  width: 50%;
  height: 60px;
 }

 .header-links-01 li a {
  height: 60px;
  padding: 22px 0 0;
  background: #1f9d86;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: center;
 }

 .header-links-01 li a span {
  display: inline-block;
  vertical-align: top;
  padding-left: 23px;
  background: #1f9d86 url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_plus_01.png) no-repeat left center;
  background-size: 15px 15px;
  text-align: left;
 }

 .header-links-01 li.links-02 a {
  background: #1e22aa;
 }

 .header-links-01 li.links-02 a span {
  padding-left: 26px;
  background: #1e22aa url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_tel_01.png) no-repeat left center;
  background-size: 16px 13px;
 }

 .nav-close-01 {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 60px;
  padding-top: 21px;
  background: #e8e8e8;
  text-align: center;
  color: #4c4c4c;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  cursor: pointer;
 }

 .nav-close-01 span {
  display: inline-block;
  padding: 0 20px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_close_01.png) no-repeat left 3px;
  background-size: 11px 11px;
  vertical-align: top;
  text-align: left;
 }

 .btn-menu-01 {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 44px;
  border-left: 1px solid #e5e5e5;
  background: #fff url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_menu_open_01.png) no-repeat center;
  background-size: 18px 14px;
  text-align: center;
  text-indent: -99999px;
  cursor: pointer;
 }

 .btn-menu-01.is-open {
  background: #fff url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_menu_close_01.png) no-repeat center;
  background-size: 18px 14px;
 }
}

/* ==========================================================
 nav-local
========================================================== */
.nav-local {}

.nav-local li {}

.nav-local li a {}

.nav-local li a:hover {}

/* ==========================================================
 nav-breadcrumb
========================================================== */
.nav-breadcrumb {
 overflow: hidden;
 margin: 0 auto;
 text-align: left;
}

.nav-breadcrumb li {
 float: left;
 white-space: nowrap;
}

.nav-breadcrumb li.home {}

.nav-breadcrumb li a {}

/* ==========================================================
 contents
========================================================== */
.contents {
 min-width: 1280px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
}

.contents-main {}

.contents-sub {}

@media screen and (max-width: 600px) {
 .contents {
  min-width: 1px;
 }
}

/* ==========================================================
 footer
========================================================== */
footer {
 width: 100%;
 min-width: 1280px;
}

.company-site-01 {
 display: none;
}

.company-site-02 {
 padding: 9px 0;
 border-top: 1px solid #efe0bd;
 border-bottom: 1px solid #eadbb8;
}

.company-footer {
 margin: 20px auto 21px;
}

.company-footer .logo-company {
 padding-left: 8px;
}

.company-footer .copyright {
 width: 46.5%;
 padding-right: 32px;
 text-align: right;
}

.company-site-02 li {
 margin: 0 12px;
 font-size: 12px;
 font-size: 1.2rem;
}

.company-site-02 li a img {
 margin: 3px 0 0 7px;
}

.communication {
 margin: 0 auto 0;
 padding-top: 0;
}

.communication .sns,
.communication .btn-01 {
 display: none;
}

@media screen and (max-width: 600px) {
 footer {
  min-width: 1px;
 }

 .company-site-02 {
  padding: 0;
  border-top: none;
  border-bottom: 1px solid #e2d3b0;
 }

 .company-footer {
  margin: 14px auto 15px;
 }

 .company-footer .logo-company {
  padding: 0;
 }

 .company-footer .copyright {
  width: auto;
  padding-right: 0;
  text-align: left;
 }

 .company-site-02 li {
  margin: 0;
 }

 .company-site-02 li a {
  padding: 15px 0;
 }

 .company-site-02 li a img {
  width: 11px;
  height: 9px;
  margin: 4px 0 0 8px;
 }
}

/* ==========================================================
 grid
========================================================== */
/* grid-cmn
---------------------------------------------------------- */
.grid-cmn {}

.grid-cmn>.col {}

/* ==========================================================
 area
========================================================== */
/* area-cmn
---------------------------------------------------------- */
.area-cmn {}

/* ==========================================================
 section
========================================================== */
/* sec-cmn
---------------------------------------------------------- */
.section-cmn-01 {
 position: relative;
 z-index: 0;
 margin-top: -108px;
 padding-top: 194px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/bg_top_02_pc.jpg) #f0f7f6 top left repeat-x;
}

@media screen and (max-width: 600px) {
 .section-cmn-01 {
  margin-top: -108px;
  padding: 194px 20px 0;
 }
}

/* section last margin */
section:last-of-type {
 margin-bottom: 0;
}

/* ==========================================================
 box
========================================================== */
/* box-cmn
---------------------------------------------------------- */
.box-cmn-01 {
 width: 1000px;
 margin: 0 auto;
}

.box-cmn-02 {
 width: 1002px;
 margin: 0 auto;
}

@media screen and (max-width: 600px) {

 .box-cmn-01,
 .box-cmn-02 {
  width: 100%;
  padding: 0 20px;
 }
}

.box-cmn-border-01 {
 background: #fff;
 border-radius: 4px;
 border: 1px solid #97d9cd;
}

/* ==========================================================
 hero
========================================================== */
/* hero-cmn
---------------------------------------------------------- */
.hero-cmn {}

/* ==========================================================
 module
========================================================== */

/* ==========================================================
 title
========================================================== */
/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01 {
 margin-bottom: 30px;
 color: #1f709e;
 font-size: 3.8rem;
 font-size: 38px;
 text-align: center;
}

.ttl-cmn-02 {
 margin-bottom: 30px;
 color: #0f9179;
 font-size: 38px;
 font-size: 3.8rem;
 text-align: center;
}

.ttl-cmn-02 span {
 display: block;
 font-size: 20px;
 font-size: 2.0rem;
}

.ttl-cmn-02 sup {
 font-size: 50%;
 top: 1em;
}

@media screen and (max-width: 600px) {
 .ttl-cmn-01 {
  margin-bottom: 22px;
  font-size: 26px;
  font-size: 2.6rem;
 }

 .ttl-cmn-02 {
  margin-bottom: 30px;
  font-size: 2.6rem;
  font-size: 26px;
  line-height: 1.4;
 }

 .ttl-cmn-02 span {
  display: block;
  font-size: 1.6rem;
  font-size: 16px;
 }
}

/* ttl-lineup-01
---------------------------------------------------------- */
.ttl-lineup-01 {
 position: relative;
 display: table;
 width: 100%;
 margin-bottom: 12px;
}

.ttl-lineup-01 .point {
 display: table-cell;
 width: 80px;
 vertical-align: middle;
}

.ttl-lineup-01 .text {
 display: table-cell;
 padding-left: 22px;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-size: 28px;
 font-size: 2.8rem;
 letter-spacing: -1.6px;
 vertical-align: middle;
 text-align: left;
 line-height: 1.43;
}

@media screen and (max-width: 600px) {
 .ttl-lineup-01 {
  margin-bottom: 28px;
 }

 .ttl-lineup-01 .point {
  display: block;
  width: 64px;
  margin: 0 auto 15px;
 }

 .ttl-lineup-01 .text {
  display: block;
  padding-left: 0;
  font-size: 19px;
  font-size: 1.9rem;
  text-align: center;
  letter-spacing: -1.8px;
 }
}

/* box-ttl-lineup-01
---------------------------------------------------------- */
.box-ttl-lineup-01 {
 display: table;
 width: 100%;
 margin-bottom: 18px;
 overflow: hidden;
}

.box-ttl-lineup-01 .ttl {
 display: table-cell;
 width: 277px;
 vertical-align: middle;
 color: #4c4c4c;
 font-size: 16px;
 font-size: 1.6rem;
 font-weight: bold;
 text-align: left;
}

.box-ttl-lineup-01 .box-label {
 display: table-cell;
 padding: 8px 10px 8px 18px;
 background-color: #fafafa;
 text-align: left;
}

.box-ttl-lineup-01 .box-label .txt-label {
 position: relative;
 padding-right: 60px;
 color: #396e8f;
 font-size: 12px;
 font-size: 1.2rem;
}

.box-ttl-lineup-01 .box-label .txt-label:before {
 content: "";
 position: absolute;
 top: 50%;
 right: 0;
 width: 50px;
 height: 2px;
 margin-top: -1px;
 background-color: #487895;
}

.box-ttl-lineup-01 .box-label .txt-label.type-01 {
 margin-left: 20px;
 color: #0f9179;
}

.box-ttl-lineup-01 .box-label .txt-label.type-01:before {
 background-color: #0f9179;
}

@media screen and (max-width: 600px) {
 .box-ttl-lineup-01 {
  display: block;
  margin-bottom: 15px;
 }

 .box-ttl-lineup-01 .ttl {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
 }

 .box-ttl-lineup-01 .box-label {
  display: block;
  padding: 10px 12px;
 }

 .box-ttl-lineup-01 .box-label .txt-label {
  display: block;
  padding: 0 0 0 34px;
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: -0.06em;
 }

 .box-ttl-lineup-01 .box-label .txt-label:before {
  top: 50%;
  right: inherit;
  left: 0;
  width: 27px;
  height: 2px;
  margin-top: -1px;
 }

 .box-ttl-lineup-01 .box-label .txt-label.type-01 {
  margin-left: 0;
 }

 .box-ttl-lineup-01 .box-label .txt-label.type-01:before {
  background-color: #0f9179;
 }
}

/* ==========================================================
 text
========================================================== */
/* txt-cmn
---------------------------------------------------------- */
.txt-cmn {}

/* ==========================================================
 list
========================================================== */
/*list-graph-lineup-01
---------------------------------------------------------- */
.list-graph-lineup-01 {
 overflow: hidden;
 margin-bottom: 10px;
}

.list-graph-lineup-01 li {
 float: left;
}

.list-graph-lineup-01 li:nth-child(odd) {
 width: 48%;
 padding-right: 6px;
}

.list-graph-lineup-01 li:nth-child(even) {
 width: 52%;
 padding-left: 6px;
}

.list-graph-lineup-01 li .ttl {
 margin-bottom: 6px;
 color: #0f9179;
 font-weight: bold;
 text-align: center;
}

@media screen and (max-width: 600px) {
 .list-graph-lineup-01 {
  margin-bottom: 10px;
 }

 .list-graph-lineup-01 li {
  float: none;
 }

 .list-graph-lineup-01 li:nth-child(odd) {
  width: 100%;
  margin-bottom: 24px;
  padding-right: 0;
 }

 .list-graph-lineup-01 li:nth-child(even) {
  width: 100%;
  padding-left: 0;
 }

 .list-graph-lineup-01 li .ttl {
  margin-bottom: 8px;
 }

 .list-graph-lineup-01 li figure img {
  width: 100%;
 }
}

/* ==========================================================
 table
========================================================== */
/* table-cmn
---------------------------------------------------------- */
.table-cmn {}

.table-cmn th,
.table-cmn td {}

.table-cmn th {}

.table-cmn td {}

/* ==========================================================
 button
========================================================== */
/* btn-cmn
---------------------------------------------------------- */
.btn-cmn {}

/* pagetop
---------------------------------------------------------- */
.btn-cmn-pagetop {
 text-align: right;
}

/* ==========================================================
 link
========================================================== */
/* link-cmn
---------------------------------------------------------- */
.link-cmn {}

/* ==========================================================
 icon
========================================================== */
/* ico-cmn
---------------------------------------------------------- */
.ico-cmn {}

/* ==========================================================
 figure
========================================================== */
/* fig-cmn
---------------------------------------------------------- */
.fig-cmn {}

/* ==========================================================
 image
========================================================== */
/* img-cmn-adjust
---------------------------------------------------------- */
.img-cmn-adjust {}

/* ==========================================================
 form
========================================================== */
/* base Form
---------------------------------------------------------- */
/* type="text" */
input[type="text"] {}

/* type="checkbox" */
input[type="checkbox"] {}

/* type="radio" */
input[type="radio"] {}

/* select */
select {}

/* textarea */
textarea {}

/* button */
button {}

/* class Form
---------------------------------------------------------- */
/* form-cmn-input
---------------------------------------------------------- */
.form-cmn-input {}

/* form-cmn-check
---------------------------------------------------------- */
.form-cmn-check {}

/* form-cmn-radio
---------------------------------------------------------- */
.form-cmn-radio {}

/* form-cmn-select
---------------------------------------------------------- */
.form-cmn-select {}

/* form-cmn-textarea
---------------------------------------------------------- */
.form-cmn-textarea {}

/* form-cmn-button
---------------------------------------------------------- */
.form-cmn-button {}

/* ==========================================================
 sec-product-01
========================================================== */
#product-01{
  padding-top: 160px;
  margin-top: -140px;
}
#product-01 .box-cmn-01{
  padding-top: 40px;
}
#product-01 .ico-product-01{
  top: 80px;
}
.sec-product-01 {
 position: relative;
 padding: 78px 0 140px;
}

.sec-product-01 .ico-product-01 {
 overflow: hidden;
 position: absolute;
 top: -58px;
 left: 50%;
 width: 120px;
 height: 97px;
 margin-left: -60px;
 padding: 32px 0 0 43px;
 -webkit-border-radius: 60px/60px 60px 38px 38px;
 -moz-border-radius: 60px/60px 60px 38px 38px;
 border-radius: 60px/60px 60px 38px 38px;
 background: #fff;
}

.sec-product-01 .ttl-product-01 {
 margin-bottom: 52px;
 color: #0f9179;
 font-size: 38px;
 font-size: 3.8rem;
 text-align: center;
 line-height: 1.3;
}

.sec-product-01 .box-product-01-wrap {
 overflow: hidden;
 border: 1px solid #97d9cd;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 background: #fff;
}

.sec-product-01 .box-product-01 {
 overflow: hidden;
 width: 100%;
 padding: 46px 39px 50px;
}

.sec-product-01 .box-product-01 .image {
 overflow: hidden;
 float: left;
 width: 428px;
 margin: 0;
 padding-top: 7px;
 text-align: center;
}

.sec-product-01 .box-product-01 .detail {
 overflow: hidden;
 padding-left: 32px;
}

.sec-product-01 .box-product-01 .detail .text-01 {
 margin-bottom: 8px;
}

.sec-product-01 .box-product-01 .detail .title {
 margin-bottom: 15px;
 font-size: 28px;
 font-size: 2.8rem;
 line-height: 1.214;
 color: #4c4c4c;
 text-align: left;
}

.sec-product-01 .list-tag-01 {
 overflow: hidden;
 margin-bottom: 14px;
}

.sec-product-01 .list-tag-01 li {
 overflow: hidden;
 float: left;
 margin-right: 13px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 border: 1px solid #51c2ad;
 background: #fff;
 text-align: left;
 color: #1f9d86;
 font-size: 12px;
 font-size: 1.2rem;
 font-weight: bold;
 line-height: 1.3;
}

.sec-product-01 .list-tag-01 li:last-child {
 margin-right: 0;
}

.sec-product-01 .list-tag-01 li.type-01 {
 padding: 6px 10px 5px 37px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_pressure_01.png) no-repeat 7px center;
 background-size: 23px 19px;
}

.sec-product-01 .list-tag-01 li.type-02 {
 padding: 6px 10px 5px 37px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_air_01.png) no-repeat 9px center;
 background-size: 20px 17px;
}

.sec-product-01 .list-tag-01 li.type-03 {
 padding: 6px 10px 5px 34px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_clean_01.png) no-repeat 7px center;
 background-size: 20px 18px;
}

.sec-product-01 .box-product-01 .detail .text-02 {
 margin-bottom: 17px;
 color: #333;
 line-height: 2;
}

.sec-product-01 .btn-product-01 {
 overflow: hidden;
}

.sec-product-01 .btn-product-01 a {
 display: inline-block;
 position: relative;
 vertical-align: top;
 padding: 20px 70px 20px 48px;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 border-radius: 30px;
 background: #1f9d86;
 text-align: left;
 color: #fff;
 font-size: 16px;
 font-size: 1.6rem;
 font-weight: bold;
 line-height: 1.3;
}

.sec-product-01 .btn-product-01 a:before {
 content: "";
 position: absolute;
 top: 50%;
 right: 13px;
 width: 40px;
 height: 40px;
 margin-top: -20px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_arrow_right_02.png) no-repeat left top;
 background-size: 40px 40px;

}

.sec-product-01 .list-product-01 {
 overflow: hidden;
}

.sec-product-01 .list-product-01>li {
 overflow: hidden;
 float: left;
 width: 332.5px;
 padding: 25px 0 43px;
 border-top: 1px solid #97d9cd;
 border-right: 1px solid #97d9cd;
}

.sec-product-01 .list-product-01>li:nth-child(3n) {
 width: 332px;
 border-right: none;
}

.sec-product-01 .list-product-01>li .image {
 margin-bottom: 11px;
 text-align: center;
}

.sec-product-01 .list-product-01 li .detail {
 overflow: hidden;
}

.sec-product-01 .list-product-01>li .detail .text-01 {
 text-align: center;
}

.sec-product-01 .list-product-01>li .detail .title {
 margin-bottom: 11px;
 text-align: center;
 font-size: 20px;
 font-size: 2.0rem;
 line-height: 1.5;
 color: #4c4c4c;
}

.sec-product-01 .list-product-01>li .detail .list-tag-01 {
 margin-bottom: 15px;
 text-align: center;
}

.sec-product-01 .list-product-01>li .detail .list-tag-01 li {
 float: none;
 display: inline-block;
 vertical-align: top;
 margin: 0 3px;
}

.sec-product-01 .list-product-01>li .detail .text-02 {
 margin-bottom: 16px;
 padding: 0 46px;
 color: #333;
 line-height: 2;
}

.sec-product-01 .list-product-01>li .btn-product-01 {
 text-align: center;
}

@media screen and (max-width: 600px) {
#product-01{
	margin-top: -75px;
	padding-top: 115px;
}
#product-01 .box-cmn-01{
  padding-top: 0;
}
#product-01 .ico-product-01{
  top: 45px;
}
 .sec-product-01 {
  padding: 45px 0 66px;
 }

 .sec-product-01 .ico-product-01 {
  top: -25px;
  left: 50%;
  width: 60px;
  height: 48px;
  margin-left: -30px;
  padding: 16px 0 0 21px;
  -webkit-border-radius: 30px/30px 30px 19px 19px;
  -moz-border-radius: 30px/30px 30px 19px 19px;
  border-radius: 30px/30px 30px 19px 19px;
 }

 .sec-product-01 .ico-product-01 img {
  width: 16px;
  height: 20px;
 }

 .sec-product-01 .ttl-product-01 {
  margin-bottom: 22px;
  font-size: 26px;
  font-size: 2.6rem;
 }

 .sec-product-01 .box-product-01-wrap {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
 }

 .sec-product-01 .box-product-01 {
  padding: 24px 0px 30px;
 }

 .sec-product-01 .box-product-01 .image {
  float: none;
  width: 100%;
  margin: 0 0 11px 0;
  padding: 0 56px;
 }

 .sec-product-01 .box-product-01 .image img {
  width: 100%;
 }

 .sec-product-01 .box-product-01 .detail {
  padding-left: 0;
 }

 .sec-product-01 .box-product-01 .detail .text-01 {
  margin-bottom: 1px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
 }

 .sec-product-01 .box-product-01 .detail .title {
  margin-bottom: 10px;
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
 }

 .sec-product-01 .list-tag-01 {
  margin-bottom: 9px;
  text-align: center;
 }

 .sec-product-01 .list-tag-01 li {
  display: inline-block;
  float: none;
  vertical-align: top;
  margin: 0 5px;
  text-align: left;
  font-size: 10px;
  font-size: 1.0rem;
 }

 .sec-product-01 .list-tag-01 li:last-child {
  margin: 0 5px;
 }

 .sec-product-01 .list-tag-01 li.type-01 {
  padding: 3px 7px 3px 21px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_pressure_01.png) no-repeat 5px center;
  background-size: 13px 11px;
 }

 .sec-product-01 .list-tag-01 li.type-02 {
  padding: 3px 10px 3px 21px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_air_01.png) no-repeat 5px center;
  background-size: 12px 11px;
 }

 .sec-product-01 .list-tag-01 li.type-03 {
  padding: 3px 7px 3px 21px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_clean_01.png) no-repeat 5px center;
  background-size: 13px 12px;
 }

 .sec-product-01 .box-product-01 .detail .text-02 {
  margin-bottom: 15px;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.785;
 }

 .sec-product-01 .btn-product-01 {
  text-align: center;
 }

 .sec-product-01 .btn-product-01 a {
  display: inline-block;
  padding: 15px 61px 15px 63px;
  text-align: left;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
 }

 .sec-product-01 .btn-product-01 a:before {
  right: 10px;
  width: 35px;
  height: 35px;
  margin-top: -17px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_arrow_right_02.png) no-repeat left top;
  background-size: 35px 35px;

 }

 .sec-product-01 .list-product-01 {
  overflow: hidden;
 }

 .sec-product-01 .list-product-01>li {
  float: none;
  display: table;
  width: 100%;
  padding: 0 0 30px;
  border-right: none;
 }

 .sec-product-01 .list-product-01>li:nth-child(3n) {
  width: 100%;
  border-right: none;
 }

 .sec-product-01 .list-product-01>li .box-in-01 {
  overflow: hidden;
  padding: 26px 0 14px;
 }

 .sec-product-01 .list-product-01>li .image {
  overflow: hidden;
  float: left;
  width: 39.5%;
  margin-bottom: 0;
  padding: 5px 13px 0;
 }

 .sec-product-01 .list-product-01>li .image img {
  width: 100%;
 }

 .sec-product-01 .list-product-01 li .detail {
  overflow: hidden;
  width: 60.5%;
 }

 .sec-product-01 .list-product-01>li .detail .text-01 {
  margin-bottom: 4px;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
 }

 .sec-product-01 .list-product-01>li .detail .title {
  margin-bottom: 11px;
  text-align: left;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.1;
 }

 .sec-product-01 .list-product-01>li .detail .list-tag-01 {
  margin-bottom: 10px;
  text-align: left;
 }

 .sec-product-01 .list-product-01>li .detail .list-tag-01 li {
  float: left;
  display: block;
  margin: 0 5px 0 0;
 }

 .sec-product-01 .list-product-01>li .detail .list-tag-01 li:last-child {
  margin: 0 5px 0 0;
 }

 .sec-product-01 .list-product-01>li .detail .text-02 {
  margin-bottom: 0;
  padding: 0 5px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.785;
 }

 .sec-product-01 .list-product-01>li .detail .btn-product-01 {
  text-align: left;
 }
}

/* ==========================================================
 sec-faq-01
========================================================== */
.sec-faq-01 {
 position: relative;
 background: #fafafa;
}

.sec-faq-01 .ico-faq-01 {
 overflow: hidden;
 position: absolute;
 top: -61px;
 left: 50%;
 width: 120px;
 height: 97px;
 margin-left: -60px;
 padding: 31px 0 0 39px;
 -webkit-border-radius: 60px/60px 60px 38px 38px;
 -moz-border-radius: 60px/60px 60px 38px 38px;
 border-radius: 60px/60px 60px 38px 38px;
 background: #fafafa;
}

.sec-faq-01 .box-contact-wrap-01 {
 overflow: hidden;
 padding: 94px 0 101px;
}

.sec-faq-01 .ttl-faq-01 {
 margin-bottom: 13px;
 text-align: center;
 color: #0f9179;
 font-size: 38px;
 font-size: 3.8rem;
 line-height: 1.3;
}

.sec-faq-01 .txt-faq-01 {
 margin-bottom: 27px;
 text-align: center;
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 2;
}

.sec-faq-01 .btn-faq-01 {
 overflow: hidden;
 text-align: center;
}

.sec-faq-01 .btn-faq-01 a {
 display: inline-block;
 position: relative;
 vertical-align: top;
 padding: 20px 73px 20px 34px;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 border-radius: 30px;
 background: #1f9d86;
 text-align: left;
 color: #fff;
 font-size: 16px;
 font-size: 1.6rem;
 font-weight: bold;
 line-height: 1.3;
}

.sec-faq-01 .btn-faq-01 a:before {
 content: "";
 position: absolute;
 top: 50%;
 right: 13px;
 width: 40px;
 height: 40px;
 margin-top: -20px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_arrow_right_02.png) no-repeat left top;
 background-size: 40px 40px;

}

.sec-faq-01 .box-contact-wrap-02 {
 overflow: hidden;
 padding: 112px 0 80px;
 background: #fff;
}

.sec-faq-01 .box-order-01 {
 position: relative;
 margin-bottom: 60px;
 padding-bottom: 35px;
 border: 1px solid #ccc;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 background: #fff;
}

.price-off {
 padding: 0 40px;
}

.price-off p {
 font-weight: 400 !important;
 text-align: left;
}

.price-off p strong {
 font-weight: 700;
}

.price-off p strong.price-off-title {
 font-size: 120%;
}

strong.red {
 color: #ff0000;
}

.sec-faq-01 .box-order-01 .title-01 {
 margin-top: -19px;
 text-align: center;
 font-size: 24px;
 font-size: 2.4rem;
 font-weight: bold;
 line-height: 1.4;
}

.sec-faq-01 .box-order-01 .title-01 span {
 padding: 1px 15px 1px 17px;
 background: #fff;
}

.sec-faq-01 .box-order-01 .list-order-01 {
 overflow: hidden;
 margin-left: -40px;
 padding: 50px 46px 0;
}

.sec-faq-01 .box-order-01 .list-order-01 li {
 float: left;
 width: 50%;
 padding-left: 40px;
}

.sec-faq-01 .box-order-01 .list-order-01 li img {
 display: block;
 width: auto;
 max-width: 100%;
}

.sec-faq-01 .box-contact-01 {
 position: relative;
 margin-bottom: 60px;
 padding-bottom: 41px;
 border: 1px solid #ccc;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 background: #fff;
}

.sec-faq-01 .box-contact-01 .title-01 {
 margin-top: -19px;
 text-align: center;
 font-size: 24px;
 font-size: 2.4rem;
 font-weight: bold;
 line-height: 1.4;
}

.sec-faq-01 .box-contact-01 .title-01 span {
 padding: 1px 15px 1px 17px;
 background: #fff;
}

.sec-faq-01 .box-contact-01 .title-02 {
 margin: 33px 0 28px;
 text-align: center;
}

.sec-faq-01 .box-contact-01 .text-01 {
 margin-bottom: 20px;
 text-align: center;
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 2;
}

.sec-faq-01 .box-contact-01 .list-contact-01 {
 overflow: hidden;
 display: table;
 margin: 0 auto;
}

.sec-faq-01 .box-contact-01 .list-contact-01 li {
 overflow: hidden;
 float: left;
 min-width: 380px;
 padding: 3px 33px 2px 30px;
 border-right: 1px solid #ccc;
}

.sec-faq-01 .box-contact-01 .list-contact-01 li:nth-child(2n) {
 border-right: none;
}

.sec-faq-01 .box-contact-01 .list-contact-01 li .tel-01 span {
 padding-left: 48px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_tel_02.png) no-repeat left 11px;
 background-size: 35px 26px;
 color: #1e22aa;
 font-size: 38px;
 font-size: 3.8rem;
 font-weight: bold;
 line-height: 1.1;
}

.sec-faq-01 .box-contact-01 .list-contact-01 li .tel-01 span.fax {
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_fax_01.png) no-repeat left 11px;
 background-size: 35px 26px;
}

.sec-faq-01 .box-contact-01 .list-contact-01 li .text-02 {
 margin-top: 4px;
 padding-left: 48px;
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 1.5;
}

.sec-faq-01 .box-contact-02 {
 overflow: hidden;
 width: 690px;
 margin: 0 auto;
 padding: 36px 10px 33px;
 border: 1px solid #ccc;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 background: #fff;
 text-align: center;
}

.sec-faq-01 .box-contact-02 .title {
 margin-bottom: 8px;
 font-size: 18px;
 font-size: 1.8rem;
 font-weight: bold;
 line-height: 1.4;
}

.sec-faq-01 .box-contact-02 .text-01 {
 margin-bottom: 14px;
 line-height: 1.7;
}

.sec-faq-01 .box-contact-02 .tel-01 {
 margin-bottom: 2px;
}

.sec-faq-01 .box-contact-02 .tel-01 span {
 padding-left: 40px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_tel_02.png) no-repeat left 6px;
 background-size: 30px 22px;
 color: #1e22aa;
 font-size: 28px;
 font-size: 2.8rem;
 font-weight: bold;
 line-height: 1.1;
}

.sec-faq-01 .box-contact-02 .text-02 {
 padding-left: 218px;
 text-align: left;
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 1.95;
}


.sec-faq-01 .box-contact-wrap-03 {
 overflow: hidden;
 padding: 61px 0 60px;
}

.sec-faq-01 .box-contact-03 {
 overflow: hidden;
 width: 480px;
 margin: 0 auto;
}

.sec-faq-01 .box-contact-03 a {
 display: table;
 width: 100%;
 border: 1px solid #e6e6e6;
 background: #fff;
}

.sec-faq-01 .box-contact-03 a .image {
 display: table-cell;
 width: 139px;
 vertical-align: middle;
}

.sec-faq-01 .box-contact-03 a .image img {
 width: 139px;
 height: 138px;
}

.sec-faq-01 .box-contact-03 a .detail {
 display: table-cell;
 position: relative;
 padding: 0 62px 0 32px;
 vertical-align: middle;
}

.sec-faq-01 .box-contact-03 a .detail:before {
 content: "";
 position: absolute;
 top: 50%;
 right: 22px;
 width: 40px;
 height: 40px;
 margin-top: -20px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_window_01.png) no-repeat left top;
 background-size: 40px 40px;
}

.sec-faq-01 .box-contact-03 a .detail .title {
 margin-bottom: 13px;
 color: #1e22aa;
 font-size: 18px;
 font-size: 1.8rem;
 font-weight: bold;
 line-height: 1.2;
}

.sec-faq-01 .box-contact-03 a .detail .text {
 line-height: 1.857;
}

.how-to-order {
 margin: 48px;
 background-color: #1e22aa;
 padding: 0 28px 56px;
 border-radius: 5px;
}

.how-to-order ul {
 display: flex;
}

li.how-to-order-hospital h4,
li.how-to-order-ec h4 {
 color: #fff;
 text-align: center;
 font-size: 16px;
 font-weight: 700;
 margin: 20px;
}

li.how-to-order-ec h4 span {
 font-size: 24px;
}

li.how-to-order-hospital {
 width: 33%;
 margin-right: 40px;
}

li.how-to-order-ec,
li.how-to-order-hospital {
 display: flex;
 align-items: stretch;
 flex-direction: column;
}

li.how-to-order-hospital div.how-to-order-box ,
li.how-to-order-hospital a.how-to-order-box {
 background-color: #fff;
 border-radius: 5px;
}

li.how-to-order-ec div.how-to-order-box ,
li.how-to-order-ec a.how-to-order-box {
 background-color: #fff;
 border-radius: 5px;
 padding: 70px 0 20px;
}

li.how-to-order-ec div.how-to-order-box,
li.how-to-order-hospital div.how-to-order-box ,
li.how-to-order-hospital a.how-to-order-box {
 display: flex;
 align-items: stretch;
 flex-direction: column;
 flex: 1 auto;
}

.how-to-order-ec .how-to-order-box img {
 margin: auto;
 width: 75%;
}

.how-to-order-hospital .how-to-order-box img {
 margin: auto;
 width: 38%;
}

li.how-to-order-ec {
 width: 66%;
}

.how-to-order-box p {
 font-size: 14px;
 color: #4c4c4c;
 font-weight: 700;
 margin: 30px 0 10px;
}

li.how-to-order-hospital h4 {
 display: flex;
 align-items: center;
 justify-content: center;
 height: 40px;
}

.ks-online-qr {
 display: flex;
 margin: 0 40px;
}

.ks-online-qr img {
 width: 50%;
}

.how-to-order-ec .how-to-order-box .ks-online-qr img {
 width: 20%;
 height: auto;
 vertical-align: bottom;
 padding: 0;
 margin-right: 10px;
}

@media screen and (max-width: 600px) {
 .how-to-order {
  margin: 15px;
  padding: 0 18px 18px;
 }

 .how-to-order ul {
  display: flex;
  flex-direction: column;
 }

 li.how-to-order-hospital,
 li.how-to-order-ec {
  width: auto;
  margin-right: 0;
 }

 li.how-to-order-hospital div.how-to-order-box ,
 li.how-to-order-hospital a.how-to-order-box {
  background-color: #fff;
  border-radius: 5px;
  padding: 30px;
 }

 li.how-to-order-ec h4 {
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  margin: 30px auto 20px;
  white-space: nowrap;
 }

 li.how-to-order-ec h4 span {
  font-size: 1.6rem;
 }

 .how-to-order-box p {
  font-size: 14px;
  text-align: center;
 }

 .box-cmn-01.how-to {
  padding: 0;
 }

 .box-cmn-01.how-to .box-order-01 {
  padding-bottom: 0;
 }

 .lDef .contents {
  padding: 0 20px;
 }

 .ks-online-qr {
  display: flex;
  margin: 0 10px;
  flex-direction: column;
 }

 .how-to-order-ec .how-to-order-box .ks-online-qr img {
  width: 40%;
  height: auto;
  padding: 0;
  margin-right: auto;
 }

 .ks-online-qr div {
  text-align: center;
 }

 .price-off {
  padding: 0 20px;
 }

 .price-off p {
  text-align: left;
 }


}



@media screen and (max-width: 600px) {
 .sec-faq-01 .ico-faq-01 {
  top: -25px;
  left: 50%;
  width: 60px;
  height: 48px;
  margin-left: -30px;
  padding: 15px 0 0 19px;
  -webkit-border-radius: 30px/30px 30px 19px 19px;
  -moz-border-radius: 30px/30px 30px 19px 19px;
  border-radius: 30px/30px 30px 19px 19px;
 }

 .sec-faq-01 .ico-faq-01 img {
  width: 20px;
  height: 20px;
 }

 .sec-faq-01 .box-contact-wrap-01 {
  padding: 41px 0 50px;
 }

 .sec-faq-01 .ttl-faq-01 {
  margin-bottom: 12px;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.2;
 }

 .sec-faq-01 .txt-faq-01 {
  margin-bottom: 16px;
  line-height: 1.3;
 }

 .sec-faq-01 .btn-faq-01 {}

 .sec-faq-01 .btn-faq-01 a {
  padding: 15px 56px 15px 37px;
 }

 .sec-faq-01 .btn-faq-01 a:before {
  right: 10px;
  width: 35px;
  height: 35px;
  margin-top: -17px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_arrow_right_02.png) no-repeat left top;
  background-size: 35px 35px;
 }

 .sec-faq-01 .box-contact-wrap-02 {
  padding: 58px 0 50px;
 }

 .sec-faq-01 .box-order-01 {
  margin-bottom: 39px;
  padding-bottom: 34px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
 }

 .sec-faq-01 .box-order-01 .title-01 {
  margin-top: -11px;
  font-size: 15px;
  font-size: 1.5rem;
 }

 .sec-faq-01 .box-order-01 .title-01 span {
  padding: 1px 10px 1px 11px;
 }

 .sec-faq-01 .box-order-01 .list-order-01 {
  margin-left: 0;
  padding: 30px 20px 0;
 }

 .sec-faq-01 .box-order-01 .list-order-01 li {
  float: none;
  width: 100%;
  padding-left: 0;
  margin-bottom: 33px;
 }

 .sec-faq-01 .box-order-01 .list-order-01 li:last-child {
  margin-bottom: 0;
 }

 .sec-faq-01 .box-order-01 .list-order-01 li img {
  width: 100%;
 }

 .sec-faq-01 .box-contact-01 {
  margin-bottom: 30px;
  padding-bottom: 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
 }

 .sec-faq-01 .box-contact-01 .title-01 {
  margin-top: -11px;
  font-size: 15px;
  font-size: 1.5rem;
 }

 .sec-faq-01 .box-contact-01 .title-01 span {
  padding: 1px 10px 1px 11px;
 }

 .sec-faq-01 .box-contact-01 .title-02 {
  margin: 23px 0 22px;
 }

 .sec-faq-01 .box-contact-01 .title-02 img {
  width: 243px;
  height: 49px;
 }

 .sec-faq-01 .box-contact-01 .text-01 {
  margin-bottom: 0;
  padding: 0 20px;
  text-align: left;
  line-height: 1.875;
 }

 .sec-faq-01 .box-contact-01 .list-contact-01 {
  width: 100%;
 }

 .sec-faq-01 .box-contact-01 .list-contact-01 li {
  float: none;
  position: relative;
  width: 100%;
  min-width: 100%;
  padding: 25px 0 19px;
  border-right: none;
 }

 .sec-faq-01 .box-contact-01 .list-contact-01 li:first-child {
  padding: 15px 0 25px;
 }

 .sec-faq-01 .box-contact-01 .list-contact-01 li:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 120px;
  height: 1px;
  margin-left: -60px;
  background: #ccc;
 }

 .sec-faq-01 .box-contact-01 .list-contact-01 li:last-child:before {
  left: 0;
  width: 0;
  height: 0;
  margin-left: 0;
  background: none;
 }

 .sec-faq-01 .box-contact-01 .list-contact-01 li .tel-01 {
  text-align: center;
 }

 .sec-faq-01 .box-contact-01 .list-contact-01 li .tel-01 span {
  padding-left: 29px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_tel_02.png) no-repeat left center;
  background-size: 23px 17px;
  font-size: 26px;
  font-size: 2.6rem;
 }

 .sec-faq-01 .box-contact-01 .list-contact-01 li .tel-01 span.fax {
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_fax_01.png) no-repeat left center;
  background-size: 23px 17px;
 }

 .sec-faq-01 .box-contact-01 .list-contact-01 li .text-02 {
  margin-top: 4px;
  padding-left: 0;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
 }

 .sec-faq-01 .box-contact-02 {
  width: 100%;
  margin: 0 auto;
  padding: 28px 10px 24px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
 }

 .sec-faq-01 .box-contact-02 .title {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
 }

 .sec-faq-01 .box-contact-02 .text-01 {
  margin-bottom: 10px;
  padding: 0 15px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.91;
 }

 .sec-faq-01 .box-contact-02 .tel-01 {
  margin-bottom: 4px;
 }

 .sec-faq-01 .box-contact-02 .tel-01 span {
  padding-left: 29px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_tel_02.png) no-repeat left center;
  background-size: 23px 17px;
  font-size: 26px;
  font-size: 2.6rem;
 }

 .sec-faq-01 .box-contact-02 .text-02 {
  display: table;
  margin: 0 auto;
  padding-left: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.83;
 }

 .sec-faq-01 .box-contact-wrap-03 {
  padding: 40px 0;
 }

 .sec-faq-01 .box-contact-03 {
  width: 100%;
 }

 .sec-faq-01 .box-contact-03 a .image {
  width: 33%;
 }

 .sec-faq-01 .box-contact-03 a .image img {
  width: 100%;
  height: auto;
 }

 .sec-faq-01 .box-contact-03 a .detail {
  padding: 5px 0 5px 12px;
 }

 .sec-faq-01 .box-contact-03 a .detail:before {
  top: 50%;
  right: 7px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_window_01.png) no-repeat left top;
  background-size: 30px 30px;
 }

 .sec-faq-01 .box-contact-03 a .detail .title {
  margin-bottom: 5px;
  padding-right: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.1;
 }

 .sec-faq-01 .box-contact-03 a .detail .text {
  padding-right: 43px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.57;
 }
}

@media screen and (max-width: 320px) {
 .sec-faq-01 .box-order-01 .title-01 span {
  padding: 1px 0;
 }

 .sec-faq-01 .box-contact-01 .title-01 span {
  padding: 1px 0;
 }
}

/* section lineup-01
---------------------------------------------------------- */
.section-lineup-01 {
 position: relative;
 z-index: 1;
}

@media screen and (max-width: 600px) {
 .section-lineup-01 {}
}

/* ==========================================================
 box-step-01
========================================================== */
.box-step-01-wrap {
 position: relative;
 margin: 0 40px;
}

.box-step-01 {
 position: relative;
 width: auto;
 max-width: 920px;
 margin: 0 auto;
}

.box-step-01-in {
 overflow-y: scroll;
 width: auto;
 max-width: 920px;
 height: 500px;
 margin: 0 auto;
 padding: 67px 56px 0;
 background: #fcf6e6;
 text-align: center;
 -webkit-overflow-scrolling: touch;
}

.box-step-01 img.only-pc,
.box-step-01 img.only-sp {
 width: 100%;
 height: auto;
 padding-bottom: 136px;
}

.close-popup {
 position: absolute;
 top: -38px;
 right: -40px;
 cursor: pointer;
}

.close-popup img {
 width: 20px;
 height: 20px;
}

.close-popup.type-01 {
 top: -33px;
 right: 0;
}

@media screen and (max-width: 600px) {
 .box-step-01-wrap {
  margin: 0 20px;
 }

 .box-step-01 {
  max-width: 100%;
 }

 .box-step-01-in {
  max-width: 100%;
  height: 450px;
  padding: 31px 19px 0;
 }

 .box-step-01 img.only-sp {
  padding-bottom: 40px;
 }

 .close-popup,
 .close-popup.type-01 {
  top: -27px;
  right: 0;
 }

 .close-popup img {
  width: 14px;
  height: 14px;
 }
}

/* box lineup-01
---------------------------------------------------------- */
.box-lineup-01 {
 position: relative;
 margin-bottom: 20px;
 padding: 40px 40px 108px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/bg_lineup_01.jpg) top left repeat-x;
 border-top: 1px solid #b0c5d1;
 border-left: 1px solid #b0c5d1;
 border-right: 1px solid #b0c5d1;
 border-radius: 4px;
}

.box-lineup-01::before {
 content: '';
 position: absolute;
 bottom: 0;
 left: -1px;
 width: 100.5%;
 height: 58px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/bg_line_box_01.jpg) 0 0 no-repeat;
}

.box-lineup-01 .title {
 display: inline-block;
 margin-bottom: 18px;
 padding: 11px 10px 11px 43px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_check_01.png) #31779f 19px 17px no-repeat;
 background-size: 16px 16px;
 color: #fff;
 width: 385px;
 font-size: 1.8rem;
 font-weight: bold;
 letter-spacing: 1px;
 text-align: left;
}

.box-lineup-01 .img {
 position: absolute;
 top: 61px;
 left: 516px;
}

.box-lineup-01 .txt-01 {
 font-size: 1.6rem;
 font-size: 16px;
 line-height: 1.9;
}

.box-lineup-01 .txt-01 span {
 color: #226b94;
}

.txt-lineup-green-01 {
 margin-bottom: 10px;
 color: #1f9d86;
 font-size: 2.0rem;
 font-weight: bold;
 text-align: center;
}

@media screen and (max-width: 600px) {
 .box-lineup-01 {
  margin-bottom: 45px;
  padding: 22px 20px 11px;
 }

 .box-lineup-01::before {
  content: '';
  bottom: -35px;
  left: 0;
  width: 100%;
  height: 36px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/bg_line_box_02.jpg) 0 0 no-repeat;
  background-size: 100% auto;
 }

 .box-lineup-01 .title {
  padding: 11px 10px 11px 35px;
  width: 100%;
  font-size: 1.5rem;
  font-size: 15px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_check_01.png) #31779f 14px 15px no-repeat;
  background-size: 13px 14px;
  letter-spacing: -0.05em;
 }

 .box-lineup-01 .img {
  position: static;
  padding: 0 4px;
  margin-bottom: 12px;
 }

 .box-lineup-01 .img img {
  width: 100%;
 }

 .box-lineup-01 .txt-01 {
  line-height: 2;
 }
}

/* box-lineup-02
---------------------------------------------------------- */
.box-lineup-02 {
 overflow: hidden;
 display: table;
 margin: 0 auto 68px;
 width: 480px;
 background-color: #fff;
 border: 1px solid #97d9cd;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
}

.box-lineup-02 .image {
 display: table-cell;
 width: 190px;
 padding: 25px 0 15px;
 background: #1f9d86;
 text-align: center;
 vertical-align: middle;
 border-radius: 5px 0 0 5px;
 -webkit-border-radius: 5px 0 0 5px;
 -moz-border-radius: 5px 0 0 5px;
}

.box-lineup-02 .image figcaption {
 color: #fff;
 font-size: 1.6rem;
 font-weight: bold;
 letter-spacing: 3px;
}

.box-lineup-02 .detail {
 display: table-cell;
 padding: 20px 10px 20px 24px;
 font-size: 1.8rem;
 text-align: left;
 vertical-align: middle;
 border-radius: 5px 0 0 5px;
 -webkit-border-radius: 5px 0 0 5px;
 -moz-border-radius: 5px 0 0 5px;
}

@media screen and (max-width: 600px) {
 .box-lineup-02 {
  width: 100%;
 }

 .box-lineup-02 .image {
  width: 133px;
 }

 .box-lineup-02 .image figure img {
  padding: 0 34px;
 }

 .box-lineup-02 .detail {
  padding: 12px 15px;
  font-size: 1.4rem;
  font-size: 14px;
 }
}

/* ==========================================================
 box-cmn-mainimg-01
========================================================== */
.box-cmn-mainimg-01 {
 overflow: hidden;
 position: relative;
 margin-bottom: 68px;
}

.box-cmn-mainimg-01 .bg-01 {
 overflow: hidden;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 590px;
 text-align: center;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/bg_mainimg_01_pc.jpg) no-repeat center bottom;
 background-size: cover;
}

.box-mainimg-content {
 overflow: hidden;
 position: relative;
 z-index: 1;
 width: 1080px;
 margin: 0 auto;
 padding-top: 33px;
}

.box-mainimg-content .image {
 margin-bottom: 5px;
 text-align: center;
}

.txt-mainimg-01 {
 margin-bottom: 10px;
 text-align: center;
 color: #138c76;
 font-size: 20px;
 font-size: 2.0rem;
 line-height: 1.3;
}

.ttl-mainimg-01 {
 text-align: center;
 color: #0d8a73;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-size: 40px;
 font-size: 4.0rem;
 line-height: 1.1;
 letter-spacing: 0.05em;
}

.ttl-mainimg-01 sup {
 top: 0.5em;
 vertical-align: top;
 font-size: 50%;
}

.box-mainimg-content .box-info-01 {
 margin-top: -19px;
 padding: 44px 10px 0;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 background: #fff;
}

.box-mainimg-content .box-info-01 .list-tag-01 {
 overflow: hidden;
 margin-bottom: 28px;
 text-align: center;
}

.box-mainimg-content .box-info-01 .list-tag-01 li {
 overflow: hidden;
 display: inline-block;
 vertical-align: top;
 margin: 0 13px;
 border: 1px solid #51c2ad;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 text-align: left;
 color: #1f9d86;
 font-size: 12px;
 font-size: 1.2rem;
 font-weight: bold;
 line-height: 1.3;
}

.box-mainimg-content .box-info-01 .list-tag-01 li.type-01 {
 padding: 7px 9px 5px 36px;
 background: #fff url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_pressure_01.png) no-repeat 7px center;
 background-size: 23px 19px;
}

.box-mainimg-content .box-info-01 .list-tag-01 li.type-02 {
 padding: 7px 11px 5px 36px;
 background: #fff url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_air_01.png) no-repeat 9px center;
 background-size: 20px 17px;
}

.box-mainimg-content .box-info-01 .list-tag-01 li.type-03 {
 padding: 7px 9px 5px 34px;
 background: #fff url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_clean_01.png) no-repeat 7px center;
 background-size: 20px 18px;
}

.txt-mainimg-02 {
 margin-bottom: 25px;
 text-align: center;
 font-size: 24px;
 font-size: 2.4rem;
 line-height: 1.333;
}

.txt-mainimg-03 {
 text-align: center;
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 2;
}

.btn-mainimg-01 {
 overflow: hidden;
 display: table;
 margin: 31px auto 0;
}

.btn-mainimg-01 a {
 display: block;
 position: relative;
 padding: 22px 82px 19px 25px;
 border: 1px solid #e6e6e6;
 background: #fff;
 color: #4a9aca;
 font-size: 18px;
 font-size: 1.8rem;
 line-height: 1.3;
}

.btn-mainimg-01 a:before {
 content: "";
 position: absolute;
 top: 50%;
 right: 23px;
 width: 40px;
 height: 40px;
 margin-top: -20px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_window_02.png) no-repeat left top;
 background-size: 40px 40px;
}

.btn-mainimg-01 a .detail {
 overflow: hidden;
 display: table;
 width: 100%;
}

.btn-mainimg-01 a .detail .logo {
 display: table-cell;
 vertical-align: middle;
 width: 104px;
 font-weight: bold;
}

.btn-mainimg-01 a .detail .logo img {
 width: 104px;
 height: 45px;
}

.btn-mainimg-01 a .detail .text {
 display: table-cell;
 vertical-align: middle;
 padding-left: 20px;
 font-weight: bold;
 letter-spacing: 0.05em;
 color: #4a9aca;
}

.box-cmn-mainimg-01.type-01 {
 margin-bottom: 59px;
}

.box-cmn-mainimg-01.type-01 .ttl-mainimg-01 {
 font-size: 36px;
 font-size: 3.6rem;
}

.box-cmn-mainimg-01.type-01 .box-mainimg-content .box-info-01 {
 margin-top: -18px;
}

.box-cmn-mainimg-01.type-02 {
 margin-bottom: 65px;
}


@media screen and (min-width: 601px) and (max-width: 1080px) {
 .box-mainimg-content {
  width: 100%;
 }
}

@media screen and (max-width: 600px) {
 .box-cmn-mainimg-01 {
  margin: 45px 0 30px;
 }

 .box-cmn-mainimg-01 .bg-01 {
  height: 342px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/bg_mainimg_01_sp.jpg) no-repeat center bottom;
  background-size: cover;
 }

 .box-mainimg-content {
  width: 100%;
  padding: 17px 20px 0;
 }

 .box-mainimg-content .image {
  padding: 0 60px;
  margin-bottom: 10px;
 }

 .box-mainimg-content .image img {
  width: 100%;
  height: auto;
 }

 .txt-mainimg-01 {
  margin-bottom: 4px;
  font-size: 14px;
  font-size: 1.4rem;
 }

 .ttl-mainimg-01 {
  font-size: 27px;
  font-size: 2.7rem;
 }

 .box-mainimg-content .box-info-01 {
  margin-top: -14px;
  padding: 33px 10px 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
 }

 .box-mainimg-content .box-info-01 .list-tag-01 {
  margin-bottom: 21px;
 }

 .box-mainimg-content .box-info-01 .list-tag-01 li {
  margin: 0 5px;
  font-size: 10px;
  font-size: 1.0rem;
 }

 .box-mainimg-content .box-info-01 .list-tag-01 li.type-01 {
  padding: 3px 7px 3px 21px;
  background: #fff url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_pressure_01.png) no-repeat 5px center;
  background-size: 13px 11px;
 }

 .box-mainimg-content .box-info-01 .list-tag-01 li.type-02 {
  padding: 3px 7px 3px 21px;
  background: #fff url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_air_01.png) no-repeat 5px center;
  background-size: 12px 11px;
 }

 .box-mainimg-content .box-info-01 .list-tag-01 li.type-03 {
  padding: 3px 7px 3px 21px;
  background: #fff url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_clean_01.png) no-repeat 5px center;
  background-size: 13px 12px;
 }

 .txt-mainimg-02 {
  margin-bottom: 14px;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.73;
 }

 .txt-mainimg-03 {
  text-align: left;
  line-height: 1.875;
 }

 .btn-mainimg-01 {
  display: block;
  width: 100%;
  margin: 30px auto 0;
 }

 .btn-mainimg-01 a {
  padding: 14px 50px 14px 12px;
  font-size: 16px;
  font-size: 1.6rem;
 }

 .btn-mainimg-01 a:before {
  top: 50%;
  right: 9px;
  width: 35px;
  height: 35px;
  margin-top: -17px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_window_02.png) no-repeat left top;
  background-size: 35px 35px;
 }

 .btn-mainimg-01 a .detail {
  width: auto;
  margin: 0 auto;
 }

 .btn-mainimg-01 a .detail .logo {
  width: 60px;
 }

 .btn-mainimg-01 a .detail .logo img {
  width: 60px;
  height: 26px;
 }

 .btn-mainimg-01 a .detail .text {
  padding-left: 12px;
  text-align: left;
 }

 .box-cmn-mainimg-01.type-01,
 .box-cmn-mainimg-01.type-02 {
  margin-bottom: 30px;
 }

 .box-cmn-mainimg-01.type-01 .ttl-mainimg-01 {
  font-size: 19px;
  font-size: 1.9rem;
  letter-spacing: -0.05em;
 }

 .box-cmn-mainimg-01.type-01 .box-mainimg-content .box-info-01 {
  margin-top: -10px;
 }
}

/* ==========================================================
 is
========================================================== */
/* opacity hover
---------------------------------------------------------- */
.is-opacity {
 -ms-filter: 'alpha( opacity=100)';
 opacity: 1;
}

.is-opacity:hover {
 -ms-filter: 'alpha( opacity=70)';
 filter: alpha(opacity=70);
 opacity: 0.7;
}

@media screen and (max-width: 600px) {

 a:hover,
 a:hover img {
  transition: none;
  -moz-transition: none;
  opacity: 1;
  -moz-opacity: 1;
 }
}

/* css animation
---------------------------------------------------------- */
.is-animate {
 -webkit-transition: all 0.2s ease 0s;
 transition: all 0.2s ease 0s;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}

/* ==========================================================
 style
========================================================== */
.s-fw-n {
 font-weight: normal;
}

.s-fw-b {
 font-weight: bold;
}

.s-ta-l {
 text-align: left !important;
}

.s-ta-c {
 text-align: center !important;
}

.s-ta-r {
 text-align: right !important;
}

.s-va-t {
 vertical-align: top !important;
}

.s-va-m {
 vertical-align: middle !important;
}

.s-va-b {
 vertical-align: bottom !important;
}

.s-ov-h {
 overflow: hidden;
}

.s-clear {
 clear: both;
}

.s-hide {
 display: none;
}

.s-txt-hide {
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}

.s-bg-n {
 background: none !important;
}

.s-mt-00 {
 margin-top: 0 !important;
}

.s-mb-00 {
 margin-bottom: 0 !important;
}

.s-ml-00 {
 margin-left: 0 !important;
}

.s-mr-00 {
 margin-right: 0 !important;
}

/* ==========================================================
 rwd switch
========================================================== */
/* pc
---------------------------------------------------------- */
.only-pc {}

.only-tb,
.only-sp,
.no-pc {
 display: none !important;
}

.no-tb {}

.no-sp {}

/* sp
---------------------------------------------------------- */
@media screen and (max-width: 600px) {

 .only-pc,
 .no-sp,
 .only-tb,
 img.only-tb {
  display: none !important;
 }

 .only-sp,
 .no-pc,
 .no-tb {
  display: block !important;
 }

 img.only-sp,
 img.no-pc,
 img.no-tb {
  display: inline-block !important;
 }
}

/* for modal box (firstAccess) */
.js-screen {
 display: block;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 99999;
 background: #fff;
}

/*190515取り扱い動物病院リストボタン追加*/

#btn-clinic {
 position: relative;
 width: 640px;
 height: 88px;
 margin: 60px auto 72px;
}

#btn-clinic a {
 position: relative;
 display: block;
 width: 100%;
 height: 100%;
 background: #1e23aa;
 color: #fff;
 font-size: 24px;
 text-align: center;
 padding: 24px 0;
 box-sizing: border-box;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
 font-weight: bold;
}

#btn-clinic a:before {
 position: absolute;
 content: "";
 top: 24px;
 right: 20px;
 background: url("/content/dam/sites/jp_unicharmpet_com/pro/common/ico_arrow_right_03.png");
 width: 40px;
 height: 40px;
 background-size: 100% 100%;
}

@media screen and (max-width: 600px) {
 #btn-clinic {
  width: 280px;
  height: 56px;
  margin: 40px auto 48px;
 }

 #btn-clinic a {
  font-size: 16px;
  padding: 16px 32px 0 0;
 }

 #btn-clinic a span.is-sp {
  display: none;
 }

 #btn-clinic a:before {
  top: 10px;
  right: 10px;
  background: url("/content/dam/sites/jp_unicharmpet_com/pro/common/ico_arrow_right_03.png");
  width: 36px;
  height: 36px;
  background-size: 100% 100%;
 }
}

/*220831KS onlineボタン追加*/

#btn-ks {
 position: relative;
 margin: 0 auto 30px;
}

#btn-ks a {
 position: relative;
 display: inline-block;
 /* width: 60%; */
 height: 100%;
 background: #1e23aa;
 color: #fff;
 font-size: 12px;
 text-align: center;
 padding: 12px 60px;
 box-sizing: border-box;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
 font-weight: bold;
 margin: 0 auto;
}

#btn-ks a:before {
 position: absolute;
 content: "";
 top: 7px;
 right: 15px;
 background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_arrow_right_03.png);
 width: 30px;
 height: 30px;
 background-size: 100% 100%;
}

@media screen and (max-width: 600px) {
 #btn-ks {
  width: 100%;
  height: auto;
  margin: 20px auto 0;
  text-align: center;
 }

 #btn-ks a {
  font-size: 1.2rem;
  padding: 16px 42px 16px 30px;
  white-space: nowrap;
  width: 100%;
 }

 #btn-ks a span.is-sp {
  display: none;
 }

 #btn-ks a:before {
  top: 25px;
  right: 12px;
  background: url(/content/dam/sites/jp_unicharmpet_com/pro/common/ico_arrow_right_03.png);
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
 }
}


/* 2607 AEM移行 */
html {
  scroll-padding-top: 78px;
}
body{
  letter-spacing: 0;
}
body a:hover{
  text-decoration: none;
}
h3{
  color: #4c4c4c;
}
#main{
  margin-top: 130px;
}
.header-company img{
  width: 110px;
  height: auto;
  max-height: 34px;
}
.company-footer .logo-company img{
  width: 138px;
  height: auto;
  max-height: 43px;
}

@media screen and (max-width: 600px) {
  html {
    scroll-padding-top: 45px;
  }
  #main{
    margin-top: 0;
  }
  .foot-top{
    padding: 0 20px;
  }
}