@import "./reset.css";
body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.head-layout {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 751px) {
  .head-layout {
    max-width: 1200px;
  }
}
@media screen and (max-width: 750px) {
  .head-layout {
    max-width: 750px;
  }
}

.copyright {
  padding: 32px 0;
  text-align: center;
  color: white;
  background-color: #03c8d6;
}

@media screen and (min-width: 751px) {
    .forte,
    .example,
    .category,
    .flow,
    .qa,
    .contact,
    .corp {
        padding-top: 1px;
    }
    .merit h2,
    .forte h2,
    .example h2,
    .specialist h2,
    .category h2,
    .flow h2,
    .qa h2,
    .contact h2,
    .corp h2 {
        position: relative;
        width: 710px;
        margin: 56px auto 36px;
        text-align: center;
        font-size: 2.5rem;
        line-height: 2;
        letter-spacing: 3px;
        border-bottom: solid 4px #03c8d6;
    }
    .merit h2:after,
    .forte h2:after,
    .example h2:after,
    .specialist h2:after,
    .category h2:after,
    .flow h2:after,
    .qa h2:after,
    .contact h2:after,
    .corp h2:after {
        content: "";
        position: absolute;
        bottom: -8px;
        display: block;
        width: 710px;
        height: 4px;
        border-bottom: solid 4px #0380e6;
    }
}
@media screen and (max-width: 750px) {
/*
  .forte h2,
.example h2,
.category h2,
.flow h2,
.qa h2,
.contact h2,
.corp h2 {
    margin: 0 0 20px;
    text-align: center;
    color: white;
    font-size: 2.75rem;
    line-height: 1.5;
    background-color: #0094ea;
    border-bottom: solid 4px #00d0dd;
  }
*/
}
@media screen and (max-width: 375px) {
/*
  .forte h2,
.example h2,
.category h2,
.flow h2,
.qa h2,
.contact h2,
.corp h2 {
    font-size: 2rem;
  }
*/
}

@media screen and (min-width: 751px) {
  .common-btn {
    max-width: 640px;
    margin: 48px auto;
  }
  .common-btn img {
    width: 100%;
  }
  .common-btn.sp-only {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .common-btn {
    margin: 48px 7%;
  }
  .common-btn img {
    max-width: 100%;
  }
}

@media screen and (min-width: 751px) {
  .common-lead {
    text-align: center;
    font-size: 1.35rem;
    line-height: 1.75;
  }
  .common-lead strong {
    display: block;
    margin: 0 0 20px;
    font-size: 1.65rem;
  }
}
@media screen and (max-width: 750px) {
  .common-lead {
    margin: 0 5.06% 20px;
    text-align: center;
    line-height: 1.5;
  }
  .common-lead strong {
    font-size: 1.5rem;
  }
  .common-lead span {
    display: block;
  }
}

.head__logo {
  display: block;
  height: auto;
}
@media screen and (min-width: 751px) {
  .head {
      width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    padding: 24px 0 18px;
    background-color: white;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  }
  .head:after {
    content: "";
    display: block;
    clear: both;
  }
  .head__logo {
    float: left;
  }
  .head__logo img {
    margin-left: 6px;
    width: 200px;
  }
  .head ul {
    float: right;
    margin: 17px 6px 0 0;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
  }
  .head li:after {
    content: "|";
    margin: 0 1em;
  }
  .head li:last-child:after {
    content: "";
    margin: 0;
  }
  .head li a {
    text-decoration: none;
    color: black;
  }
}
@media screen and (min-width: 10921px) {
  .head ul {
    margin: 22px 6px 0 0;
    font-size: 16px;
  }
}
@media screen and (min-width: 921px) and (max-width: 1020px) {
  .head ul {
    margin: 22px 6px 0 0;
    font-size: 14px;
  }
}
@media screen and (min-width: 871px) and (max-width: 920px) {
  .head ul {
    margin: 23px 6px 0 0;
    font-size: 13px;
  }
}
@media screen and (min-width: 821px) and (max-width: 870px) {
  .head ul {
    margin: 23px 6px 0 0;
    font-size: 12px;
  }
}
@media screen and (min-width: 781px) and (max-width: 820px) {
  .head ul {
    margin: 23px 6px 0 0;
    font-size: 11px;
  }
}
@media screen and (min-width: 751px) and (max-width: 780px) {
  .head ul {
    margin: 23px 6px 0 0;
    font-size: 10px;
  }
}
@media screen and (max-width: 750px) {
  .head {
    padding: 15px 0 8px;
  }
  .head__logo img {
    width: 38.5333333333%;
    margin-left: 6px;
  }
  .head ul {
    display: none;
  }
}

.stage {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #03c8d6;
}
.stage__main {
  position: relative;
  z-index: 2;
}
.stage__main--catch {
  margin: 0 auto;
}
.stage__main--catch img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 1201px) {
  .stage {
    max-height: 550px;
  }
  .stage__main--catch {
    max-width: 877px;
    padding-top: 166px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1200px) {
  .stage {
    max-height: 550px;
  }
  .stage__main--catch {
    width: 73.08%;
    padding-top: 13.83%;
  }
}
@media screen and (max-width: 750px) {
  .stage {
    max-height: 700px;
  }
  .stage__main--catch {
    width: 89.86%;
    padding-top: 25.33%;
  }
}

.stage__main--btn {
  margin: 0 auto;
}
.stage__main--btn img {
  width: 100%;
}
@media screen and (min-width: 1201px) {
  .stage__main--btn {
    width: 511px;
    margin: 1.28% auto 0;
    padding-bottom: 4.5%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1200px) {
  .stage__main--btn {
    width: 42.05%;
    margin: 1.28% auto 0;
    padding-bottom: 4.5%;
  }
}
@media screen and (max-width: 750px) {
  .stage__main--btn {
    width: 90%;
    margin: 2.13% auto 0;
    padding-bottom: 2.5%;
  }
}

.stage__bg {
  position: absolute;
  z-index: 1;
}
.stage__bg img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1201px) {
  .stage__bg {
    left: 50%;
    top: 5.45%;
    width: 1941px;
    margin-left: -970px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1200px) {
  .stage__bg {
    left: 1.83%;
    top: 5.45%;
    width: 98.08%;
  }
}
@media screen and (max-width: 750px) {
  .stage__bg {
    left: 2.53%;
    top: 1.6%;
    width: 94.8%;
  }
}

.forte {
  position: relative;
  padding: 0 0 72px;
  overflow: hidden;
}
.forte ul {
  list-style: none;
}
@media screen and (min-width: 1201px) {
  .forte h2, .forte p, .forte__media {
    position: relative;
    z-index: 2;
  }
  .forte-ex {
    display: block !important;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1946px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .forte-ex span {
    display: block;
    width: 100%;
  }
  .forte__media {
    height: 635px;
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 751px) {
  .forte-ex {
    display: none;
  }
  .forte p {
    text-align: center;
    font-size: 1.35rem;
    line-height: 1.75;
  }
  .forte p em {
    display: block;
    font-style: normal;
  }
  .forte__media {
    position: relative;
    max-width: 1200px;
    max-height: 635px;
    margin: 48px auto 0;
    padding-top: 52.91%;
  }
  .forte__media img {
    width: 100%;
  }
  .forte ul li {
    position: absolute;
    max-width: 326px;
    width: 27.16%;
  }
  .forte ul li:nth-child(1) {
    left: 0;
    top: 0;
  }
  .forte ul li:nth-child(2) {
    right: 0;
    top: 0;
  }
  .forte ul li:nth-child(3) {
    left: 36.5%;
    bottom: 0;
  }
  .forte-pc-only {
    position: absolute;
    top: 0;
    width: 43.41%;
    left: 28.2%;
    top: -3%;
  }
}
@media screen and (max-width: 750px) {
  .forte {
    padding: 32px 0 12px;
  }
  .forte-ex {
    display: none;
  }
  .forte p {
    margin: 0 5.06% 20px;
    text-align: center;
    line-height: 1.5;
  }
  .forte p em {
    font-style: normal;
  }
  .forte p span {
    display: block;
  }
  .forte ul li {
    width: 79.73%;
    margin: 0 auto 20px;
  }
  .forte ul li img {
    width: 100%;
  }
  .forte-pc-only {
    display: none;
  }
}

.supervision {
  width: 100%;
  background: #b1edf3 0 0 repeat;
}
.supervision__articles--content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  background-color: white;
}
.supervision__articles--content img {
  display: block;
  max-width: 100%;
}
.supervision__articles--detail p {
  text-align: left;
  line-height: 1.65;
}
@media screen and (min-width: 751px) {
  .supervision {
    padding: 1px 0 48px;
  }
  .supervision h2 {
    position: relative;
    width: 710px;
    margin: 55px auto 36px;
    text-align: center;
    font-size: 2.5rem;
    line-height: 2;
    letter-spacing: 3px;
  }
  .supervision h3 {
    font-size: 1.65rem;
    margin: 0 0 2.08%;
  }
  .supervision__articles {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .supervision__articles--content {
    width: 45%;
    padding: 2.08%;
  }
  .supervision__articles--content img {
    margin-bottom: 3.5%;
  }
  .supervision__articles--detail {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .supervision__articles--detail span {
    display: block;
    width: 100%;
  }
  .supervision__articles--detail img {
    width: 90%;
    height: 90%;
  }
  .supervision__articles--detail p {
    padding-left: 2.08%;
  }
}
@media screen and (max-width: 750px) {
  .supervision {
    padding: 32px 0 48px;
  }
/*
  .supervision h2 {
    margin: 0 5.06% 20px;
    text-align: center;
    font-size: 2.75rem;
    line-height: 1.5;
  }
*/
  .supervision h3 {
    position: relative;
    z-index: 2;
    margin: -7% 0 3%;
    font-size: 1.5rem;
  }
  .supervision__articles {
    width: 89.88%;
    margin: 0 auto;
  }
  .supervision__articles--content {
    padding: 4%;
  }
  .supervision__articles--content:first-child {
    margin-bottom: 6.66%;
  }
  .supervision__articles--content img {
    position: relative;
    z-index: 1;
  }
  .supervision__articles--detail span {
    display: none;
  }
}
@media screen and (max-width: 375px) {
/*
  .supervision h2 {
    font-size: 2rem;
  }
*/
}

.merit {
  background-color: #01d1de;
}
.merit h3 {
  text-align: center;
  color: white;
  font-size: 1.35rem;
}
.merit ul {
  list-style: none;
}
.merit li {
  position: relative;
  margin: 0 auto;
}
.merit__head {
  position: relative;
  margin: 0 auto;
  color: white;
  font-size: 1.5rem;
  vertical-align: middle;
  background-color: #0094ea;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}
.merit__head span {
  margin-right: 6px;
  font-size: 1rem;
}
.merit__body {
  background-color: white;
}
.merit__body--wrap {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.merit__body--icon {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}
.merit__body--text {
  width: 100%;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 751px) {
  .merit {
    padding: 56px 0 48px;
  }
  .merit-layout {
    max-width: 1200px;
    margin: 0 auto;
  }
  .merit ul {
    display: block;
    margin: 0 1%;
  }
  .merit li {
    width: 100%;
  }
  .merit__head {
    top: 18px;
    width: 160px;
    height: 36px;
    border-radius: 18px;
  }
  .merit__body {
    padding: 12px 0 0;
    font-size: 1.1rem;
  }
  .merit__body--wrap {
    width: 550px;
    margin: 0 auto;
  }
  .merit__body--icon img {
    width: 80px;
  }
  .merit__body span {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .merit {
    padding: 32px 0 32px;
  }
  .merit-layout {
    margin: 0 5.06%;
  }
  .merit__head {
    top: 21px;
    width: 140px;
    height: 42px;
    border-radius: 21px;
  }
  .merit li:last-child .merit__body {
    padding-top: 28px;
  }
  .merit__body {
    padding: 2.8% 5% 10px;
    font-size: 1rem;
  }
  .merit__body--icon img {
    width: 72px;
    margin: 0 16px 0 0;
  }
}
@media screen and (max-width: 600px) {
  .merit__body {
    padding-top: 5%;
  }
}
@media screen and (max-width: 420px) {
  .merit__body {
    padding-top: 28px;
  }
}

.example-wrap p {
  font-size: 1rem;
  line-height: 1.65;
}
.example-wrap p strong {
  display: block;
  margin: 0 0 12px;
  font-size: 1.5rem;
  line-height: 1.5;
}
.example__writing, .example__supervision {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.example__writing img, .example__supervision img {
  width: 100%;
}
.example__writing img:first-child, .example__supervision img:first-child {
  margin: 0 0 16px;
}
.example__writing img:last-child, .example__supervision img:last-child {
  margin: 16px 0 0;
}
@media screen and (min-width: 751px) {
  .example-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .example-wrap {
    width: 100%;
    max-width: 506px;
    padding: 0 0.25%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .example-wrap h3 {
    margin: 0 0 24px;
    padding: 1.33%;
    text-align: center;
    color: white;
    font-size: 1.5rem;
    background-color: #0380e6;
  }
  .example__writing, .example__supervision {
    max-width: 506px;
    padding: 6% 6% 4%;
    border: solid 1px #c1c1c1;
  }
}
@media screen and (max-width: 750px) {
  .example-layout {
    margin: 0 5.06%;
  }
  .example-wrap h3 {
    margin: 0 0 20px;
    padding: 1% 0;
    text-align: center;
    font-size: 1.5rem;
    border-top: solid 3px #0094ea;
    border-bottom: solid 3px #0094ea;
  }
  .example__writing, .example__supervision {
    padding: 0 3.33%;
  }
  .example__writing {
    margin-bottom: 24px;
  }
}

.category {
  background-color: #dbf7f9;
}
.category ul {
  list-style: none;
}
.category__content {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
}
.category__content h3 {
  padding: 0.4% 0;
  color: white;
  font-size: 1.2rem;
  background-color: #03c8d6;
}
.category__content li {
  color: #424242;
}
.category__content--first .category__content--head,
.category__content--first span {
  color: #0094ea !important;
}
.category__content--second .category__content--head,
.category__content--second span {
  color: #00d0de !important;
}
.category__content--pic {
  position: absolute;
}
.category__content--pic img {
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 751px) {
  .category {
    padding: 1px 0 99px;
  }
  .category-layout {
    max-width: 1200px;
    margin: 0 auto;
  }
  .category__content {
    width: 93.75%;
    min-height: 159px;
    margin: 0 auto 30px;
    padding: 0.83% 1.25%;
    -webkit-box-shadow: 5px 5px 0px #e6e6e6;
            box-shadow: 5px 5px 0px #e6e6e6;
  }
  .category__content h3 {
    text-align: center;
  }
  .category__content ul {
    margin-left: 210px;
  }
  .category__content li {
    padding-top: 1.7%;
    line-height: 1.7;
  }
  .category__content li div {
    display: inline;
    margin-right: 20px;
    white-space: nowrap;
  }
  .category__content li div:first-child {
    margin-left: -10px;
  }
  .category__content li div span {
    margin-right: 8px;
  }
  .category__content--second {
    padding-bottom: 2%;
  }
  .category__content--pic {
    left: 30px;
    top: 27px;
    width: 160px;
  }
}
@media screen and (max-width: 750px) {
  .category {
    padding-bottom: 32px;
  }
  .category-layout {
    margin: 0 5.06%;
  }
  .category__content {
    margin: 0 auto 20px;
    padding: 5.37% 1.82% 0.75%;
  }
  .category__content h3 {
    padding: 1% 2%;
  }
  .category__content ul {
    display: block;
    padding: 2.4% 1.8%;
  }
  .category__content li {
    line-height: 1.7;
  }
  .category__content li div {
    display: inline;
    margin: 0 12px 10px 8px;
    white-space: nowrap;
  }
  .category__content li div:first-child {
    display: block;
    margin: 0 0 4px;
  }
  .category__content li div span {
    margin-right: 6px;
  }
  .category__content--second {
    margin: 16px 0 0;
  }
  .category__content--other {
    white-space: normal !important;
  }
  .category__content--pic {
    right: 1.82%;
    top: 5.23%;
    max-width: 22.47%;
  }
}

.flow ul {
  list-style: none;
}
@media screen and (min-width: 751px) {
  .flow__contents {
    max-width: 1165px;
    margin: 0 auto 64px;
    padding: 0 20px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .flow__picture {
    max-width: 243px;
  }
  .flow__picture img {
    display: block;
    width: 100%;
  }
  .flow__arrow {
    margin: 0 5.3%;
  }
  .flow__arrow img {
    width: 100%;
  }
}

.qa {
  background-color: #dbf7f9;
}
.qa__contents--question {
  color: white;
  background-color: #03c8d6;
}
.qa__contents--question, .qa__contents--answer {
  padding: 0.4% 0;
  display: -moz-flex;
  display: -ms-flexbox;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.qa__contents--question p,
.qa__contents--ans {
  width: 100%;
  line-height: 2;
  text-align: center;
}

.qa__contents--question {
  color: white;
  background-color: #03c8d6;
}
.qa__contents--answer {
  color: #0094ea;
  background-color: white;
}
.qa__contents--ans {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.qa__contents--ans p {
  text-align: center;
}
.qa__contents--q, .qa__contents--a {
  display: block;
  text-indent: -9999px;
}
.qa__contents--q {
  background: url(/app/assets/images/pc/lp/expert/qa_q.png) right center no-repeat;
}
.qa__contents--a {
  background: url(/app/assets/images/pc/lp/expert/qa_a.png) right center no-repeat;
}
.qa__contents--a-2 {
  display: block;
}
@media screen and (min-width: 751px) {
  .qa {
    padding: 1px 0 48px;
  }
  .qa__contents {
    max-width: 1160px;
    width: 100%;
    margin: 64px auto 0;
  }
  .qa__contents--article {
    margin: 0 2% 2rem;
  }
  .qa__contents--question p,
.qa__contents--ans {
    font-size: 22px;
    line-height: 2;
  }

  .qa__contents--ans p {
    font-size: 22px;;
    line-height: 2;
  }
  .qa__contents--q, .qa__contents--a {
    width: 94px;
    height: 33px;
    margin-bottom: 8px;
  }
  .qa__contents--q {
    background: url(/assets/images/pc/lp/expert/qa_q.png) right top no-repeat;
  }
  .qa__contents--a {
    background: url(/assets/images/pc/lp/expert/qa_a.png) right top no-repeat;
  }
  .qa__contents--a-2 {
    padding-bottom: 8px;
  }
  .qa__contents--a-2 em {
    display: block;
    font-style: normal;
  }
  .qa__contents--ex {
    margin: 6px 0 0;
    text-align: center;
    font-size: 1rem;
  }
}
@media screen and (max-width: 750px) {
  .qa__contents {
    margin: 0 5.06%;
    padding: 12px 0 16px;
  }
  .qa__contents--article {
    margin: 0 0 1.5rem;
  }
  .qa__contents--question p,
.qa__contents--ans {
    font-size: 1.25rem;
    line-height: 1.7;
  }

  .qa__contents--ans {
    font-size: 0.9rem;
    line-height: 1.45;
  }
  .qa__contents--ans p {
    font-size: 1.25rem;
    line-height: 1.7;
  }
  .qa__contents--q, .qa__contents--a {
    margin-top: 4px;
    width: 36px;
    height: 26px;
    background-size: 22px 24px;
  }
  .qa__contents--a-2 {
    padding-bottom: 4px;
  }
  .qa__contents--ex {
    margin: 6px 0 0;
    padding-left: 1em;
    text-align: center;
    text-indent: -1em;
    font-size: 0.95rem;
  }
}

@media screen and (min-width: 751px) {
  .contact__contents {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 1px 0 48px;
  }
}
@media screen and (max-width: 750px) {
  .contact__contents {
    padding: 16px 5.06% 32px;
  }
}

.corp ul {
  list-style: none;
}
.corp__contents li {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  border-bottom: solid 1px #101010;
}
@media screen and (min-width: 751px) {
  .corp__contents {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 0 64px;
  }
  .corp__contents ul {
    display: block;
    width: 710px;
    margin: 0 auto;
  }
  .corp__contents li {
    padding: 2% 0;
  }
  .corp__contents li > p:first-child {
    -ms-flex-preferred-size: 180px;
    flex-basis: 180px;
    text-indent: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 750px) {
  .corp__contents {
    padding: 16px 5.06% 48px;
  }
  .corp__contents ul {
    width: 100%;
  }
  .corp__contents li {
    padding: 2% 0;
  }
  .corp__contents li > p:first-child {
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    text-indent: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .corp__contents li > p:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}