/* breakpoint
-------------------------------------------*/
/*------------------------------------------------------------
le4a
------------------------------------------------------------*/
.p-le4a .c-mainVisual1__title {
  padding-left: 100px; }
  @media screen and (max-width: 767px) {
    .p-le4a .c-mainVisual1__title {
      padding-left: 0;
      width: 15em; } }

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

h3 {
  font-size: 2rem;
  letter-spacing: 0.2rem; }

br.spOnly {
  display: none; }

br.pcOnly {
  display: block; }

img.img101sp {
  display: none; }

.c-title_eagle {
  text-align: center;
  margin: 50px 0; }

div.contBox {
  clear: both;
  margin: 25px 0 0; }

div.contBox p {
  margin: 0;
  font-size: 1.4rem; }

div.flBox {
  width: 850px;
  float: left; }

img.img201 {
  float: right;
  margin: 0 0 40px 20px; }

img.img203, img.img204 {
  margin: 0 0 15px 0; }

img.img205 {
  margin: 0 0 30px 0; }

h3.h3le4a {
  font-size: 2rem;
  letter-spacing: 0.2rem;
  margin-bottom: 10px;
  line-height: 3rem; }

img.img210 {
  float: right;
  margin: 0 0 40px 0px; }

img.img301 {
  margin: 0 0 40px 0px; }

h4.h4_02 {
  width: 490px;
  float: left;
  font-size: 2rem;
  margin-bottom: 10px;
  line-height: 3rem; }

ul.yokoUl2 {
  /* [ 480px*2 ] */
  clear: both;
  margin: 0 -40px 0 0;
  padding: 0;
  text-align: left;
  overflow: hidden;
  font-size: 0;
  letter-spacing: 0; }

ul.yokoUl2 li {
  font-size: 1.2rem;
  display: inline-block;
  width: 480px;
  overflow: hidden;
  margin: 0 20px 40px 0;
  padding: 0;
  vertical-align: top; }

ul.yokoUl2 li h3 {
  font-size: 2rem; }

ul.yokoUl2_2 {
  /* [ 470px*2 ] */
  clear: both;
  margin: 0 -40px 0 0;
  padding: 0;
  text-align: left;
  overflow: hidden;
  font-size: 0;
  letter-spacing: 0; }

ul.yokoUl2_2 li {
  font-size: 1.2rem;
  display: inline-block;
  width: 470px;
  overflow: hidden;
  margin: 0 40px 40px 0;
  padding: 0;
  vertical-align: top; }

ul.yokoUl2_2 li h3 {
  font-size: 2rem; }

.le4a03 {
  width: 250px;
  float: left; }

.le4a04 {
  float: right; }

img.img206 {
  float: right; }

ul.yokoUl3 {
  overflow: hidden;
  margin-right: -30px; }

ul.yokoUl3 li {
  float: left;
  display: inline-block;
  width: 150px;
  margin: 0 10px 0 0; }

div.contBox p.gbox {
  display: inline-block;
  background: #666;
  color: #fff;
  font-size: 1.2rem;
  font-weight: normal;
  text-align: center;
  line-height: 1.8rem;
  padding: 0px 12px; }

ul.yokoUl3 li p {
  margin: 0 0 10px 0; }

ul.yokoUl4 {
  clear: both;
  margin: 0 -40px 20px 0;
  padding: 0;
  text-align: left;
  overflow: hidden; }

ul.yokoUl4 li {
  float: left;
  margin-right: 19px; }

img.img304 {
  margin: 20px 0; }

img.img305, img.img306 {
  margin: 20px 0 15px; }

img.img401 {
  margin: 0 0 30px 0; }

.parentImg {
  position: relative; }

div.contBox p.overText {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 10px 5px 0; }

h3.h3le4a_2 {
  font-size: 2rem;
  letter-spacing: 0.2rem;
  float: left; }

h3.h3le4a_3 {
  font-size: 2rem;
  letter-spacing: 0.2rem;
  margin-bottom: 20px;
  line-height: 3rem; }

.p-le4a-4 img.img201,
.p-le4a-5 img.img201,
.p-le4a-6 img.img201,
.p-le4a-7 img.img201 {
  float: none;
  margin-bottom: 20px; }

img.img402, img.img403 {
  margin-bottom: 10px; }

h3.h3le4a_4 {
  line-height: 3rem;
  letter-spacing: 0.2rem;
  margin-bottom: 15px; }

img.img404 {
  margin-bottom: 20px; }

img.img405, img.img406, img.img407, img.img408 {
  margin-bottom: 15px; }

img.img501 {
  margin-bottom: 20px; }

span.sText {
  font-size: 0.7rem;
  letter-spacing: 0;
  font-weight: normal;
  margin-left: 5px;
  color: #666; }

ul.makura {
  margin: 30px -40px 0 0; }

h3.h3le4a_5 {
  letter-spacing: 0.2rem;
  margin: 0 0 15px 0;
  line-height: 2rem; }

div.heicho {
  height: 190px; }

ul.yokoUlmin {
  overflow: hidden;
  margin: 0 -16px 0 0; }

ul.yokoUlmin li {
  width: 232px;
  height: 207px;
  float: left;
  margin: 0 16px 0 0; }

ul.yokoUlmin li h5 {
  font-size: 1.4rem;
  color: #000;
  font-weight: normal;
  margin-bottom: 10px; }

img.img505, img.img506 {
  margin-bottom: 15px; }

img.img507 {
  margin-bottom: 40px; }

ul.paste li {
  margin-bottom: 20px; }

span.mText {
  font-size: 1.4rem;
  font-weight: normal;
  color: #666;
  margin: 0 0 0 10px; }

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

ul.yokoUlmin_2 li {
  width: 230px;
  float: left;
  margin-right: 20px; }

img.img514, img.img515, img.img516 {
  margin-bottom: 10px; }

div.contBox p.sText2 {
  clear: both;
  float: left;
  margin-right: 30px;
  font-size: 0.6rem; }

img.img603 {
  float: right;
  margin-bottom: 40px; }

p.lText {
  width: 700px;
  float: left; }

img.img604 {
  margin-bottom: 20px; }

img.img605 {
  margin-bottom: 20px; }

p.haba230 {
  width: 230px;
  float: left; }

img.img606 {
  margin-left: 20px; }

img.img609 {
  margin-bottom: 10px; }

div.contBox p.futokuro {
  font-size: 1.3rem;
  letter-spacing: 0.1rem;
  font-weight: bold;
  margin-bottom: 20px; }

img.img611 {
  margin-bottom: 33px; }

img.img701 {
  margin-bottom: 10px; }

div.otBox {
  position: relative; }

div.textBox {
  position: absolute;
  right: 30px;
  top: 20px; }

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

ul.yokoUlmin_3 li {
  width: 230px;
  float: left;
  margin: 0 20px 50px 0; }

img.img704,
img.img705,
img.img706,
img.img707 {
  margin-bottom: 17px; }

h4.h3le4a {
  font-size: 2rem;
  margin-bottom: 15px; }

img.img801 {
  margin: 20px 0 40px; }

h5.wakuBlue {
  border-top: 1px solid #1C50A1;
  font-size: 2rem;
  color: #fff;
  font-weight: normal; }

h5.wakuBlue > span {
  background: #1C50A1;
  padding: 3px 10px;
  letter-spacing: 0.1rem; }

ul.wakuBlue316 {
  overflow: hidden;
  margin: 15px -15px 0 0; }

ul.wakuBlue316 li {
  width: 316px;
  float: left;
  margin-right: 15px;
  margin-bottom: 50px;
  height: 80px;
  display: inline-block;
  background: #E3EFF5;
  display: table; }

ul.wakuBlue316 li h5 {
  color: #1C50A1;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2rem;
  padding: 0 0 0 15px;
  letter-spacing: 0.2rem;
  display: table-cell;
  vertical-align: middle; }

span.mTextb {
  font-size: 1.5rem;
  color: #1C50A1;
  padding: 10px 0 0 0px;
  font-weight: bold; }

ul.ul3 {
  overflow: hidden;
  margin-right: -15px; }

ul.ul3 li {
  width: 316px;
  float: left;
  margin: 0 15px 50px 0; }

ul.ul3 li h5.wakuBlue {
  margin-bottom: 20px; }

h4.optionH {
  font-size: 2rem;
  color: #1C50A1;
  line-height: 2.6rem;
  letter-spacing: 0.1rem;
  margin-bottom: 10px; }

ul.ul3 li.ul3li2 {
  width: 647px; }

img.img806 {
  float: right; }

span.codeH {
  color: #1C50A1; }

div.contBox p.code {
  margin-bottom: 10px; }

div.codeL {
  margin: 30px 0 0 0;
  float: left;
  color: #1C50A1; }

img.img806 {
  margin-top: 33px; }

img.img807 {
  margin-top: 7px; }

ul.ul3mini {
  overflow: hidden;
  margin-right: -15px; }

ul.ul3mini li {
  float: left;
  margin-bottom: 0; }

ul.ul3 li.ul3li3 {
  width: 230px; }

ul.ul3 li.ul3li4 {
  width: 735px;
  margin-bottom: 0; }

ul.ul4 {
  overflow: hidden;
  margin-right: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

ul.ul4 li {
  width: 235px;
  float: left;
  margin: 0 15px 0 0; }

ul.ul4 li h4.optionH {
  letter-spacing: 0;
  font-size: 1.8rem; }

div.contBox p.span2 {
  font-size: 1.3rem;
  color: #1C50A1; }

span.caution {
  font-size: 1.6rem; }

p.alignR {
  text-align: right; }

div.blank50 {
  margin-top: 70px; }

/*
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  img {
    max-width: 100%;
    height: auto; }
  br.spOnly {
    display: block; }
  br.pcOnly {
    display: none; }
  .le4a {
    margin-top: 0; }
  .c-textBlock1 p {
    font-size: 1.2rem;
    letter-spacing: 0; }
  h3.h3le4a {
    font-size: 1.4rem;
    line-height: 2.2rem; }
  div.contBox p {
    font-size: 1.1rem;
    letter-spacing: 0; }
  div.flBox {
    width: 100%; }
  div.contBox h1,
  div.contBox h2,
  div.contBox h3,
  div.contBox h4,
  div.contBox h5,
  div.contBox h6 {
    letter-spacing: 0;
    margin-bottom: 5px; }
  img.img201 {
    float: none;
    margin: 20px 0 10px; }
  div.contBox h4.h4_02 {
    width: 100%;
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 20px; }
  div.blank50 {
    margin: 30px; }
  ul.yokoUl2 {
    margin: 0 0 0 0; }
  ul.yokoUl2 li {
    width: 100%;
    margin: 25px 0 0; }
  ul.yokoUl2 li h3 {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 5px; }
  ul.yokoUl2_2 {
    margin: 0 0 0 0; }
  ul.yokoUl2_2 li {
    width: 100%;
    margin: 0 0 35px 0; }
  ul.yokoUl2_2 li h3 {
    font-size: 1.4rem;
    line-height: 2.2rem; }
  p.le4a04 {
    width: 40%;
    float: right; }
  img.img206 {
    width: auto; }
  .le4a03 {
    width: 57%;
    float: left; }
  ul.yokoUl3 {
    margin: 0; }
  ul.yokoUl3 li {
    width: 33%;
    margin: 0; }
  div.contBox p.gbox {
    width: 100%;
    text-align: center;
    margin: 0 5px;
    font-size: 1rem;
    padding: 0; }
  img.img301 {
    margin: 0; }
  ul.yokoUl4 {
    margin: 20px 0; }
  ul.yokoUl4 li {
    width: 100%;
    margin: 0 0 20px 0; }
  img.img303 {
    width: 100%; }
  div.contBox p.overText {
    font-size: 1.6rem; }
  h3.h3le4a_2 {
    font-size: 1.4rem; }
  div.contBox p.sText2 {
    font-size: 1.1rem; }
  h3.h3le4a_3 {
    font-size: 1.4rem; }
  img.img405, img.img406, img.img407, img.img408 {
    margin-bottom: 5px; }
  h3 {
    font-size: 1.4rem;
    line-height: 2.2rem; }
  div.heicho {
    height: auto;
    margin-bottom: 20px; }
  ul.yokoUlmin {
    margin: 0 -2% 0 0; }
  ul.yokoUlmin li {
    width: 48%;
    height: auto;
    margin: 0 2% 0 0; }
  ul.yokoUlmin li h5 {
    font-size: 1.1rem; }
  h3.h3le4a_4 {
    line-height: 2.2rem; }
  img.img507 {
    margin-bottom: 0px; }
  span.mText {
    font-size: 1.1rem;
    margin: 0 0 0 5px; }
  ul.yokoUlmin_2 {
    margin: 0 -2% 0 0; }
  ul.yokoUlmin_2 li {
    width: 48%;
    float: left;
    margin: 0 2% 0 0; }
  ul.yokoUlmin_2 li img {
    margin-bottom: 10px; }
  img.img603 {
    width: 50%;
    margin-bottom: 20px; }
  div.contBox p.lText {
    width: 48%;
    margin-right: 2%; }
  img.img606 {
    width: 50%;
    margin: 0; }
  div.contBox p.haba230 {
    width: 48%;
    margin-right: 2%; }
  div.contBox p.futokuro {
    font-size: 1rem;
    letter-spacing: 0;
    font-weight: normal;
    margin-bottom: 10px; }
  ul.yokoUlmin_2 li img.img611 {
    margin-bottom: 28px; }
  div.otBox {
    padding-top: 15px; }
  div.textBox {
    left: 0;
    top: 0; }
  img.img701 {
    margin-top: 50px; }
  ul.yokoUlmin_3 {
    margin: 0 -2% 0 0; }
  ul.yokoUlmin_3 li {
    width: 48%;
    margin: 0 2% 30px 0; }
  img.img704, img.img705, img.img706, img.img707 {
    margin-bottom: 10px; }
  ol.olTate {
    margin: 0; }
  ol.olTate li {
    width: 100%;
    margin: 0; }
  h4.h3le4a {
    font-size: 1.4rem;
    line-height: 2.2rem; }
  div.contBox h5.wakuBlue {
    font-size: 1.4rem;
    line-height: 2.6rem;
    margin-bottom: 10px; }
  ul.wakuBlue316 {
    margin: 0 -2% 20px 0; }
  ul.wakuBlue316 li {
    width: 48%;
    height: 62px;
    margin: 0 2% 10px 0; }
  ul.wakuBlue316 li h5 {
    font-size: 1.3rem;
    padding: 10px 0 10px 5px;
    letter-spacing: 0; }
  span.mTextb {
    font-size: 1rem;
    padding: 0; }
  ul.ul3 {
    margin: 0 -2% 20px 0; }
  ul.ul3 li {
    width: 48%;
    margin: 0 2% 30px 0; }
  h4.optionH {
    font-size: 1.2rem;
    line-height: 2.2rem; }
  span.codeH {
    font-size: 0.7rem; }
  div.contBox p.code {
    margin: 0; }
  img.img804 {
    margin-top: 18px; }
  ul.ul3 li.ul3li2 {
    width: 98%;
    margin: 0 -2% 0 0; }
  ul.ul3mini {
    width: 98%;
    margin: 0 -2% 0 0; }
  ul.ul3 li h5.wakuBlue {
    width: 100%; }
  img.img806 {
    float: none;
    margin-top: 10px; }
  div.codeL {
    margin-top: 10px; }
  div.contBox div.codeL p {
    font-size: 0.6rem; }
  ul.ul3 li.ul3li3 {
    width: 98%; }
  ul.ul3 li.ul3li4 {
    width: 98%;
    margin: 0; }
  ul.ul4 {
    width: 98%;
    margin: 0;
    display: inline-block; }
  ul.ul4 li {
    width: 48%;
    float: left; }
  ul.ul4 li h4.optionH {
    font-size: 1.2rem; }
  div.contBox p.span2 {
    font-size: 1.1rem; }
  span.caution {
    font-size: 1rem; } }

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

.p-le4 .magb100 {
  margin-bottom: 100px; }

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