/* breakpoint
-------------------------------------------*/
/*------------------------------------------------------------
v211
------------------------------------------------------------*/
.onlyPc {
  display: block; }

@media screen and (max-width: 767px) {
  .p-v211 {
    margin-top: 0; } }

.p-v211 .c-mainVisual1__title {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  width: 420px;
  padding-left: 250px; }
  @media screen and (max-width: 767px) {
    .p-v211 .c-mainVisual1__title {
      padding-left: 35px; } }

@media screen and (max-width: 767px) {
  .p-v211 .c-mainVisual1__title {
    width: 12.4em; } }

.p-v211 .u-w600 {
  width: 620px;
  margin: 20px auto 0; }

@media screen and (max-width: 767px) {
  .p-v211 .u-w600 {
    width: auto;
    margin: 8px 0 0; } }

.p-v211__box {
  margin: 100px 0; }

@media screen and (max-width: 767px) {
  .p-v211__box {
    margin: 80px 0 70px; } }

.p-v211__box ul {
  list-style-type: none;
  overflow: hidden; }

.p-v211__box ul li {
  margin-right: 60px;
  float: left; }

@media screen and (max-width: 767px) {
  .p-v211__box ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 15px;
    text-align: center; }
  .p-v211__box ul li:nth-child(2) {
    margin-right: 0; } }

.p-v211__box ul li:last-child {
  margin-right: 0; }

.p-v211__box ul li p {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 3px;
  color: #000; }

@media screen and (max-width: 767px) {
  .p-v211__box ul li p {
    font-size: 1.0rem; } }

/*------------------------------------------------------------
v211
------------------------------------------------------------*/
.l-contents .l-wrapper h4,
.l-contents .l-wrapper h3 {
  font-size: 2rem;
  line-height: 1.5; }

.l-contents .l-wrapper p {
  font-size: 1.4rem; }

.p-v211 .c-title1 h3 {
  font-size: 3.5em;
  line-height: 5rem; }

div.p1CBox1 {
  text-align: center;
  margin-top: 30px; }

div.p1CBox1 h3 {
  color: #fff; }

div.p1CBox1 h3 span.circle {
  font-size: 1.9rem;
  letter-spacing: 1.9rem;
  font-weight: normal;
  background-color: #666;
  padding: 0 0 0 0.5rem;
  margin: 0 0 0 0.5rem;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  display: inline-block;
  border-radius: 50%; }

ul.point1 {
  width: 350px;
  margin: 30px auto 0; }

ul.point1 li {
  border-left: 5px solid #C00;
  margin-bottom: 30px; }

.l-contents .l-wrapper ul.point1 li h4 {
  font-size: 3.1rem;
  line-height: 3.4rem;
  text-align: left;
  font-weight: normal;
  padding-left: 10px; }

ul.point1 li p {
  text-align: left;
  padding: 5px 0 0 10px;
  font-size: 1.4rem;
  line-height: 1.3rem; }

/*------------------------------------------------------------
v211-2
------------------------------------------------------------*/
.img201, .img202 {
  margin: 20px 0; }

ul.p2list1 {
  overflow: hidden;
  margin: 20px -19px 20px 0; }

ul.p2list1 li {
  float: left;
  width: 314px;
  margin: 0 19px 50px 0; }

ul.p2list1 li img {
  margin: 0 0 10px 0; }

ul.p2list1 li h4 {
  font-size: 2rem;
  font-weight: 600; }

ul.p2list1 li p {
  font-size: 1.4rem;
  margin-top: 0; }

ul.p2list2 {
  overflow: hidden;
  margin: 0 0 70px;
  width: 470px;
  float: left; }

ul.p2list2 li {
  margin-bottom: 25px; }

ul.p2list2 li p {
  margin-top: 0; }

.img206 {
  margin-top: 30px; }

.p2Box1 {
  float: right; }

/*------------------------------------------------------------
v211-3
------------------------------------------------------------*/
div.p3Box1 {
  margin-bottom: 40px; }

.img301 {
  margin: 20px 0; }

div.p3Box2 {
  margin: 0 0 40px 0; }

div.p3Box2 h3 {
  background: url(/assets/image/product/v211/311.png) no-repeat;
  padding: 0 0 0 90px;
  line-height: 50px !important;
  margin-bottom: 25px; }

ul.p3List1 {
  overflow: hidden;
  margin: 0 -20px 20px 0; }

ul.p3List1 li {
  float: left;
  width: 480px;
  margin: 0 20px 50px 0; }

ul.p3List1 li img {
  margin-bottom: 10px; }

ul.p3List2 {
  overflow: hidden;
  margin: 0 -19px 20px 0; }

ul.p3List2 li {
  float: left;
  width: 314px;
  margin: 0 19px 50px 0; }

ul.p3List2 li img {
  margin-bottom: 10px; }

.img307 {
  margin-bottom: 25px; }

.img308 {
  margin: 20px 0 0 0; }

.p3Box3 {
  margin-bottom: 40px; }

ul.p3List3 {
  overflow: hidden;
  margin: 0 -20px 20px 0; }

ul.p3List3 li {
  float: left;
  width: 480px;
  margin: 0 20px 50px 0; }

ul.p3List3 li img {
  margin-bottom: 10px; }

/*------------------------------------------------------------
v211-4
------------------------------------------------------------*/
.p4Box0 {
  margin-bottom: 20px; }

.p4Box0 h3 {
  display: inline-block;
  float: left;
  margin-right: 30px; }

.p4Box0 img {
  margin-right: 8px; }

.p4Box1 {
  margin: 20px 0 50px;
  height: 375px; }

.p4Box1 .p4flBox {
  float: left;
  margin-right: 20px; }

.p4Box1 .p4frBox {
  height: 375px;
  position: relative; }

.img409 {
  position: absolute;
  bottom: 0; }

ul.p4List1 {
  clear: both;
  overflow: hidden;
  margin: 0 -20px 20px 0; }

ul.p4List1 li {
  float: left;
  width: 480px;
  margin: 0 20px 50px 0; }

ul.p4List1 li img {
  margin-bottom: 10px; }

/*------------------------------------------------------------
v211-5
------------------------------------------------------------*/
.p5Box1 {
  margin-bottom: 40px; }

.p5Box1 .img501 {
  margin: 0 0 20px 0; }

.p5Box1 h4 {
  margin: 0 0 20px 0; }

.p5Box1 p.flBox {
  display: inline-block;
  float: left;
  margin-right: 30px; }

.p5Box1 div.frBox {
  display: inline-block;
  border-right: 8px solid #C00;
  padding-right: 10px; }

.p5Box1 div.frBox h3 {
  font-size: 6.5rem;
  line-height: 5.5rem;
  font-weight: bold;
  text-align: right;
  padding-bottom: 3px; }

.p5Box1 div.frBox p {
  font-size: 1.8rem;
  text-align: right;
  line-height: 2rem; }

ul.p5List1 {
  overflow: hidden;
  margin: 20px -20px 20px 0; }

ul.p5List1 li {
  float: left;
  width: 480px;
  margin: 0 20px 50px 0; }

ul.p5List1 li img {
  margin-bottom: 10px; }

div.flBox2 {
  display: inline-block;
  float: left;
  margin-top: 20px; }

div.flBox2 h5 {
  font-size: 8rem;
  line-height: 8rem; }

.l-contents .l-wrapper div.flBox2 p {
  font-size: 2.3rem; }

.img504 {
  float: right;
  margin: 16px 0 0 0; }

/*------------------------------------------------------------
v211-6
------------------------------------------------------------*/
.p6Box0 {
  margin-bottom: 30px; }

.p6Box1 {
  position: relative;
  margin-bottom: 70px; }

.p6Box1 .overText2 {
  position: absolute;
  top: 0;
  left: 470px; }

.p6Box1 .overText2 h4 {
  font-size: 3.4rem;
  font-weight: normal;
  margin-bottom: 15px; }

span.plus {
  margin-left: 120px; }

ul.p6List1 {
  overflow: hidden;
  margin: 20px -19px 20px 0; }

ul.p6List1 li {
  float: left;
  width: 314px;
  height: 350px;
  margin: 0 19px 30px 0; }

ul.p6List1 li img {
  margin-bottom: 10px; }

ul.p6List1 li:last-child p {
  font-size: 1rem; }

/*------------------------------------------------------------
v211 SP
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .l-contents .l-wrapper p {
    font-size: 1rem; }
  /* v211  */
  .p-v211 .c-title1 h3 {
    font-size: 1.6rem;
    line-height: 2.8rem; }
  .l-contents .l-wrapper p.u-w600 {
    font-size: 1rem; }
  div.p1CBox1 h3 span.circle {
    font-size: 1.5rem;
    letter-spacing: 1.5rem;
    width: 2.6rem;
    height: 2.6rem;
    line-height: 2.6rem;
    padding: 0 0 0 0.5rem;
    margin: 0 0 0 0.2rem; }
  ul.point1 {
    width: 80%; }
  .l-contents .l-wrapper ul.point1 li h4 {
    font-size: 2.2rem; }
  .l-contents .l-wrapper ul.point1 li p {
    font-size: 1.1rem; }
  .p-v211__box {
    margin: 40px 0; }
  /* v212-2  */
  .l-contents .l-wrapper h4, .l-contents .l-wrapper h3 {
    font-size: 1.2rem; }
  .img201, .img202 {
    margin: 7px 0; }
  ul.p2list1 {
    margin: 10px -2% 10px 0; }
  ul.p2list1 li {
    width: 48%;
    float: left;
    margin: 0 2% 20px 0; }
  .l-contents .l-wrapper ul.p2list1 li p {
    font-size: 1rem; }
  ul.p2list2 {
    width: 100%;
    margin-bottom: 10px; }
  ul.p2list2 li {
    width: 100%;
    margin-bottom: 15px; }
  .l-contents .l-wrapper ul.p2list2 li p {
    font-size: 1.2rem; }
  .img206 {
    margin: 20px 0 0; }
  .p2Box1 {
    margin-bottom: 70px; }
  .c-navi1 {
    overflow: hidden; }
  /* v212-3  */
  .l-contents .l-wrapper .p3Box1 p {
    font-size: 1rem; }
  .onlyPc {
    display: none; }
  div.p3Box2 h3 {
    padding: 0 0 0 60px;
    margin-bottom: 15px;
    background-size: 54px 33px;
    line-height: 33px !important; }
  .p3Box3 {
    margin-bottom: 25px; }
  ul.p3List1 {
    width: 100%; }
  ul.p3List1 li {
    margin-bottom: 20px; }
  ul.p3List1 li p {
    font-size: 1rem; }
  ul.p3List2 {
    width: 100%;
    margin: 0 -2% 20px 0; }
  ul.p3List2 li {
    width: 48%;
    margin: 0 2% 30px 0; }
  .img307 {
    margin-bottom: 15px; }
  span.sText {
    display: block;
    margin-top: 10px; }
  ul.p3List3 {
    width: 100%; }
  ul.p3List3 li {
    width: 100%;
    margin: 0 0 20px 0; }
  /* v212-4  */
  .p4Box0 h3 {
    margin-bottom: 15px; }
  .p4Box1 {
    height: auto;
    margin-bottom: 20px; }
  .p4Box1 .p4flBox {
    float: none;
    margin-right: 0;
    margin-bottom: 10px; }
  .p4Box1 .p4frBox {
    height: auto;
    margin: 0 0 20px; }
  .img409 {
    position: static;
    margin: 15px 0 0 0; }
  ul.p4List1 {
    width: 100%;
    margin: 20px 0; }
  ul.p4List1 li {
    width: 100%;
    margin: 10px 0 30px 0; }
  /* v212-5  */
  .p5Box1 {
    margin-bottom: 25px; }
  .p5Box1 h4 {
    margin: 0 0 5px 0; }
  .p5Box1 div.frBox {
    margin-top: 20px; }
  ul.p5List1 {
    width: 100%; }
  ul.p5List1 li {
    width: 100%;
    margin: 10px 0 10px 0; }
  div.flBox2 {
    width: 48%;
    margin-top: 15px; }
  div.flBox2 h5 {
    font-size: 6rem;
    line-height: 6rem; }
  .l-contents .l-wrapper div.flBox2 p {
    font-size: 1.8rem; }
  .img504 {
    width: 50%; }
  /* v212-6  */
  .p6Box1 {
    margin-bottom: 45px; }
  .p6Box1 .overText2 {
    left: 46%; }
  .p6Box1 .overText2 h4 {
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-bottom: 8px; }
  span.plus {
    margin-left: 50px; }
  .p6Box1 .overText2 p {
    font-size: 1rem;
    letter-spacing: 0; }
  ul.p6List1 {
    margin: 20px -2% 20px 0; }
  ul.p6List1 li {
    width: 48%;
    height: auto;
    padding-bottom: 5px;
    margin: 0 2% 20px 0; }
  ul.p6List1 li img {
    margin-bottom: 5px; }
  ul.p6List1 li:last-child {
    clear: both;
    width: 100%;
    height: auto; }
  ul.p6List1 li:nth-child(2) h4 {
    overflow: hidden; } }