@import "https://use.fontawesome.com/releases/v5.7.2/css/all.css";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&display=swap");

* {margin: 0;padding: 0;}
html{font-size:62.5%;}
img{vertical-align: bottom; max-width: 100%;}
li{list-style: none;}
.in-right{text-align: right;}
.in-left{text-align: left;}
.in-center{text-align: center;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.medium {font-weight: 500;}
.arial {font-family: arial sans-serif;}
.noto { font-family: 'Noto Sans JP', sans-serif;}
.pc-none {display: none;}
.sp-none {display: block;}
.spMS-none {
  display: inline;
}
.spMS-br {
  display: none;
}
.disc li {list-style: disc inside;}
.f-14 {font-size: 1.4rem;}
.f-16, h5 {font-size: 1.6rem;}
.f-18, h4 {font-size: 1.8rem;}
.f-20 {font-size: 2rem;}
.f-22, h3 {font-size: 2.2rem;}
.f-24 {font-size: 2.4rem;}
.f-26 {font-size: 2.6rem;}
.f-28, h2 {font-size: 2.8rem;}
.f-30 {font-size: 3rem;}
.f-32, h1 {font-size: 3.2rem;}
.f-36 {font-size: 3.6rem;}
.f-38 {font-size: 3.8rem;}
.f-42 {font-size: 4.2rem;}
.f-45 {font-size: 4.5rem;}
.f-70 {font-size: 7rem;}
.f-76 {font-size: 7.6rem;}
.lh-10 {line-height: 1;}
.lh-12 {line-height: 1.2;}
.lh-14 {line-height: 1.4;}
.lh-18 {line-height: 1.8;}
.lh-25 {line-height: 2.5;}
.lh-28 {line-height: 2.8;}
.ls-100 {letter-spacing: 1rem;}
.ls--008 {letter-spacing: -0.08rem;}
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #333;
}

.f-white {color: #fff;}
.f-blue {color: #324D91;}
.f-red {color: #E9482D;}
.f-gray {color: #4F4F4F;}

.btn {
  display: table;
  width: 586px;
  max-width: 586px;
  margin: 0 auto;
  padding: 10px 0;
  text-decoration: none;
  color: #fff;
  text-align: center;
  background: #E9482D url(../img/lpdi_sample_b/icon-arrow-01.svg) 93.5% 50% no-repeat;
  border-radius: 100px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}

.btn:hover {
  opacity: .75;
}

a, a:link, a:visited {
    text-decoration: none;
}

.flex {
  display: flex;
  justify-content: space-between;
}

.s-15 .pics.flex {
  justify-content: space-around;
}

.inner {
  max-width: 1080px;
  padding: 0 40px;
  margin: 0 auto;
}


body > header {
  position: fixed;
  width: 100%;

  background-color: #fff;
  z-index: 250;
}

body > header .inner.flex {
  align-items: center;
  justify-content: flex-start;
  column-gap: 30px;
  position: relative;
  max-width: unset;
  height: 88px;
  padding-left: 50px;
}

body > header .inner > img {
  width: 227px;
  height: auto;
}

body > header .inner .flex {
  align-items: flex-end;
  width: 396px;
}


body > header p.tel-info + p {
  min-height: 30px;
  padding-left: 38px;
  background: url(../img/lpdi_sample_b/tel_B.png) 0 80% no-repeat;
  background-size: 11%;
}



.s-01 {
  height: 801px;
  position: relative;
  background: url(../img/lpdi_sample_b/s-01-bg-01.jpg) 50% 50%;
  background-size: cover;
  overflow: hidden;
}

.s-01 .bg-01 {
  display: table;
  margin: 27px auto 20px;
  padding: 2px 30px;
  background: #A8DDF8;
}

#h1-01 {
  box-sizing: border-box;
  display: block;
  width: calc(100% - 40px);
  max-width: calc(100% - (50% - ((1080px - (233px * 2 + 68px * 2)) / 2)));
  height: 112px;
  position: relative;
  margin: 20px auto 0 0;
  padding-left: calc(50% - ((1080px - (233px * 2 + 68px * 2)) / 2) - 40px);
  border-left: solid transparent calc(40px + 0);
  background: #1B3984;
  line-height: 1.2;
}

#h1-01:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -68px;
  border-style: solid;
    border-width: 112px 68px 0 0;
    border-color: transparent;
    border-top-color: #1B3984;
}

#h1-01 .normal {
  padding: 0 40px 0 20px;
}

#h1-02 {
  box-sizing: border-box;
  display: block;
  width: calc(100% - 40px);
  max-width: calc(100% - (50% - ((1080px - (233px * 2 + 68px * 2)) / 2)));
  height: 112px;
  position: relative;
  margin: -11px 0 0 auto;
  padding-left: 56px;
  padding-right: calc(50% - ((1080px - (133px * 2 + 68px * 2)) / 2) - 40px);
  border-right: solid transparent calc(40px + 0);
  background: linear-gradient(90deg, #FFFFFF 50%, rgba(255, 255, 255, 0) 81.73%);
}

#h1-02:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: -68px;
  border-style: solid;
    border-width: 0 0 112px 68px;
    border-color: transparent;
    border-bottom-color: #fff;
}

.s-01 .inner.flex {
  max-width: 785px;
  margin-top: 18px;
  padding: 0 0 0 105px;
}

.s-01 .inner.flex > div {
  flex: 1;
}

.s-01 .inner.flex p + p {
  margin-top: 10px;
}

.s-01 .inner.flex .f-white {
  display: inline-block;
  position: relative;
  margin: 0 8px;
  padding: 0 10px;
}

.s-01 .inner.flex .f-white:first-child {
  margin-left: 0;
}

.s-01 .inner.flex .f-white:after {
  content: "";
  display: block;
  width: 100%;
  height: 38px;
  position: absolute;
  top: 3px;
  left: 0;
  background: #F6C927;
  transform: skewX(-30deg);
}

.s-01 .inner.flex .f-white span {
  position: relative;
  z-index: 100;
}

.s-01 .inner.flex > p {
  width: 190px;
  height: 190px;
  margin: -22px 0 0;
  padding: 5px;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
}

.s-01 .inner.flex > p > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 188px;
  height: 188px;
  border: 1px solid #E9482D;
  border-radius: 50%;
}

.s-01 .style {
  width: 100%;
  height: 180px;
  position: absolute;
  bottom: 0;
  background: rgba(255,255,255,.8) url(../img/lpdi_sample_b/s-01-style-01.svg) 50% 80px no-repeat;
  overflow: hidden;
}

.s-01 .style p:first-child {
  margin: 32px 0 12px;
}



.cv {
  display: flex;
  align-items: center;
  height: 385px;
  background: url(../img/lpdi_sample_b/cv-bg.jpg) 50% 50%;
  background-size: cover;
}

.cv p:first-child {
  display: table;
  margin: 0 auto 22px;
  padding: 0 34px;
  background: url(../img/lpdi_sample_b/cv-style-01.svg) no-repeat 0 92%, url(../img/lpdi_sample_b/cv-style-02.svg) no-repeat 100% 92%;
}

.topic {
  background: linear-gradient(122.95deg, rgba(237,249,255,0.3) 36.46%, rgba(71,145,255,0.3) 108.81%);
  padding-bottom: 76px;
}

.topic .title {
  padding-top: 65px;
}

.topic h3 {
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
}

.topic a {
  font-size:20px;
}


.topic ul {
    padding-top: 20px;
    max-width: 800px;
  box-sizing: border-box;
}

.topic ul > div {
  position: relative;
  opacity: 0;
  transition-duration: 1.2s;
}

/*
.topic ul > div .more {
  display: block;
  position: absolute;
  bottom: 0;
  right: -92px;
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 20px;
  transition: .3s;
  z-index: 11; 
}
*/

.topic ul > div .more:hover {
  background: #e9482d;
  border: 1px solid #e9482d; 
}

.topic ul li {
  opacity: 0;
  font-size: 18px;
  padding-top: 10px;
  transition-duration: 1.2s;
  border-bottom: solid thin #333;
   /* text-align:center;*/
}

.topic ul li span {
  margin-right: 20px;
  font-size: 14px;
  padding: 0 8px 1px;
  
  background: #e9482d;
  color: #fff;
}

.topic ul li em {
  font-style: normal;
}

.topic ul li a {
  display: block;
  padding: 10px;
  transition: .3s;
}

.topic ul li a:hover {
  text-decoration: underline;
}

.events {
  display: flex;
  align-items: center;
}

.event {
  display: flex;
}

.event_image {
  width: 40%;
  padding: 20px;
}

.event_image img {
  box-shadow: 0 0 10px rgb(0, 0, 0, 0.3);
}

.event_desc {
  padding: 20px 0 30px;
  width: 60%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.event_date {
  margin-bottom: 10px;
}

.event_btn_wrp {
  display: flex;
  width: 100%;
}

.topic .event-btn {
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
  font-weight: bold;
  text-align: center;
  margin: 5px;
  padding: 5px;
}

.topic .event-btn:hover {
  text-decoration: none;
  opacity: 0.6;
}

.event-btn:first-child {
  background: #F6C927;
  color: #e9482d;
}

.event-btn:last-child {
  background: #e9482d;
  color: #fff;
}

.topic p.event_detail {
  font-size: 14px;
  padding: 20px 0;
}


.s-02 > div {
  position: relative;
  z-index: 100;
  background: url(../img/lpdi_sample_b/s-02-bg-01.jpg) no-repeat 50% 0;
  background-size: cover;
  border-bottom: 26px solid #324D91;
}

.s-02 h2 {
  padding: 115px 0 55px;
}

.s-02 ul.list {
  display: table;
  margin: 0 auto -26px;
  padding: 76px 58px;
  line-height: 2.56;
  background: #fff;
  border: 1px solid #4F4F4F;
  border-radius: 5px;
}

.s-02 ul.list li {
  padding-left: 38px;
  background: url(../img/lpdi_sample_b/icon-check-01.svg) no-repeat 0 18px;
}

.s-02 ul.worry {
  position: relative;
  padding: 24px 0 30px;
  background: #324D91;
}

.s-02 ul.worry:before {
    content: "";
    display: block;
    width: 2px;
    height: 22px;
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    background: #fff;
}


.s-02 ul.worry:after {
  content: "";
  display: block;
  width: 74px;
  height: 32px;
  position: absolute;
  bottom: -32px;
  left: calc(50% - 37px);
  background: url(../img/lpdi_sample_b/s-02-style-03.svg) no-repeat 50% 0;
}

.s-02 ul.worry li {
  display: table;
  margin: 0 auto;
  position: relative;
}

.s-02 ul.worry li:before, .s-02 ul.worry li:after {
  content: "";
  display: block;
  width: 23px;
  height: 50px;
  position: absolute;
  top: 16px;
  left: -45px;
  background: url(../img/lpdi_sample_b/s-02-style-01.svg);
}

.s-02 ul.worry li:after {
  top: auto;
  left: auto;
  bottom: 16px;
  right: -36px;
  background: url(../img/lpdi_sample_b/s-02-style-02.svg);
}



.s-03 {
  padding: 82px 0 78px;
}

.s-03 p:first-child {
  margin-bottom: 18px;
}

.s-03 h2 {
  display: table;
  position: relative;
  z-index: 10;
  margin: 40px auto -38px;
  padding: 6px 57px;
  background: #324D91;
}

.s-03 .img {
  overflow: hidden;
  height: 676px;
  background: url(../img/lpdi_sample_b/s-03-bg-01.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.s-03 .img > p {
  display: table;
  margin: 92px auto 0;
}

.s-03 .txt-01, .s-03 .txt-02 {
  box-sizing: border-box;
  max-width: 920px;
  margin: 0 auto;
}

.s-03 .txt-01 {
  margin-top: 56px;
  padding: 6px 0;
  background: #838383;
}

.s-03 .txt-02 {
  padding: 25px 30px;
  background: #F0F0F0;
}



.s-04 {
  padding: 85px 0 102px;
  background: url(../img/lpdi_sample_b/s-04-bg-01.png) no-repeat 50% 50%;
  background-size: cover;
}

.s-04 h2 {
  display: table;
  margin: 0 auto 48px;
  border-bottom: 3px double #3A2C99;
}

.s-04 .flex {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
}

.s-04 .flex > div {
  box-sizing: border-box;
  width: 32%;
  padding: 50px 35px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 4px 6px 18px rgba(0, 0, 0, 0.15);
}

.s-04 .flex h3 {
  margin: 46px 0 26px;
}

.s-04 .flex .in-right {
  margin-top: 18px;
}

.s-05 {
  overflow: hidden;
  height: 600px;
  background: url(../img/lpdi_sample_b/s-05-bg-01.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.s-05 p {
  margin: 312px 0 0;
  padding: 47px 0;
  background: rgba(255,255,255,.8);
}



.s-06 {
  padding: 131px 0 100px;
  background: #F0F0F0 url(../img/lpdi_sample_b/s-06-bg-01.jpg) no-repeat 50% 0;
}

.s-06 h2 {
  display: table;
  margin: 0 auto;
  position: relative;
}

.s-06 h2:before {
  content: "";
  display: block;
  width: 98%;
  height: 30px;
  position: absolute;
  left: 5px;
  bottom: 0;
  background: rgba(246,201,39,.5);
}

.s-06 .contents {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 40px;
}

.s-06 h2 span {
  position: relative;
  z-index: 10;
}

.s-06 .offset {
  display: table;
  margin: 170px 0 208px;
  position: relative;
}

.s-06 .offset:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -8px;
  left: -8px;
  background: rgba(255,255,255,.8);
}

.s-06 .offset span {
  display: block;
  position: relative;
  z-index: 10;
  padding: 20px 30px;
  border: 1px solid #324D91;
}

.s-06 h3 {
  position: relative;
  margin: 112px 0 24px;
  padding: 0 0 22px;
  background: url(../img/lpdi_sample_b/s-06-style-01.svg) no-repeat 100% 100%;
}

.s-06 h3.in-right {
  padding: 0 0 26px;
  background: url(../img/lpdi_sample_b/s-06-style-02.svg) no-repeat 0% 100%;
}

.s-06 h3 span {
  display: block;
  position: absolute;
  top: -4px;
  left: 217px;
  line-height: 1;
}

.s-06 h3.in-right span {
  left: 189px;
}

.s-06 .box {
  margin: 44px 0 0;
  padding: 45px 0;
  background: #fff;
}

.s-06 .box img {
  max-width: 100%;
  margin: 0 auto;
}



.closing {
  overflow: hidden;
  position: relative;
  height: 619px;
}

.closing h2 {
  display: table;
  position: relative;
  z-index: 10;
  margin: 273px auto -22px;
  padding: 6px 44px;
  background: #324D91;
}

.closing > div {
  padding: 47px 0;
  background: rgba(255,255,255,.8);
}

.closing > div p {
  display: table;
  margin: 0 auto;
}



.s-07 .closing {
  background: url(../img/lpdi_sample_b/s-07-bg-01.jpg) no-repeat 50% 50%;
}

.s-07 .closing + div {
  position: relative;
  margin-bottom: 32px;
  padding: 85px 0 55px;
  background: #324D91;
}

.s-07 .closing + div:before {
  content: "";
  display: block;
  width: 2px;
  height: 49px;
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
  background: #fff;
}

.s-07 .closing + div:after {
  content: "";
    display: block;
    width: 74px;
    height: 32px;
    position: absolute;
    bottom: -32px;
    left: calc(50% - 37px);
    background: url(../img/lpdi_sample_b/s-02-style-03.svg) no-repeat 50% 0;
}



.s-08 {
  padding: 80px 0 111px;
  background: url(../img/lpdi_sample_b/s-08-bg-01.jpg) no-repeat 50% 0;
}

.s-08 h2 span.f-38 {
  padding: 0 12px;
  background: linear-gradient(0deg, rgba(246,201,39,0.5) 45%, rgba(255,255,255,0) 45%);
}

.s-08 h3 {
  margin: 132px 0 48px;
  position: relative;
}

.s-08 h3:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  background: #144293;
}

.s-08 .contents > div:first-child h3 {
  margin-top: 62px;
}

.s-08 h3 + h4 {
  margin: 0 0 76px;
}

.s-08 .left {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: calc(100% - 40px);
  max-width: calc(100% - (50% - ((1080px - (242px * 2)) / 2)));
  height: 172px;
  position: relative;
  margin: 30px auto 0 0;
  padding-left: calc(50% - ((1080px - (242px * 2)) / 2) - 30px);
  padding-right: 200px;
  border-left: solid transparent calc(30px + 0);
  background: #E2EFFA;
  border-radius: 0 200px 200px 0;
}

.s-08 .right {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: calc(100% - 40px);
  max-width: calc(100% - (50% - ((1080px - (242px * 2)) / 2)));
  height: 172px;
  position: relative;
  margin: 30px 0 0 auto;
  padding-right: calc(50% - ((1080px - (242px * 2)) / 2) - 30px);
  padding-left: 200px;
  border-left: solid transparent calc(30px + 0);
  background: #E2EFFA;
  border-radius: 200px 0 0 200px;
}

.s-08 .left p {
  position: relative;
  z-index: 10;
}

.s-08 .right p {
  position: relative;
  z-index: 10;
}

.s-08 .left img {
  position: absolute;
  top: 10px;
  right: 10px;
}

.s-08 .right img {
  position: absolute;
  top: 10px;
  left: 10px;
}

.s-08 .contents > div:nth-child(1) .left {
  padding-right: 184px;
}

.s-08 .contents > div:nth-child(2) .right {
  padding-left: 206px;
}

.s-08 .contents > div:nth-child(2) .left {
  padding-right: 258px;
}

.s-08 .box {
  box-sizing: border-box;
  max-width: 920px;
  margin: 50px auto 0;
  padding: 40px 30px;
  background: #F0F0F0;
}

.s-08 .box > div:first-child {
  box-sizing: border-box;
  height: 290px;
  padding: 62px 0 0 99px;
  background: url(../img/lpdi_sample_b/s-08-bg-02.jpg) no-repeat;
}

.s-08 h5 {
  display: table;
  margin: 0 0 30px;
  padding: 0 0 0 4px;
  background: linear-gradient(0deg, rgba(246,201,39,0.5) 45%, rgba(255,255,255,0) 45%);
}

.s-08 .box .flex {
  align-items: center;
}

.s-08 .box .flex:nth-child(even) {
  margin: 38px 0 25px;
}

.s-08 .box .flex > div:first-child {
  width: 210px;
}

.s-08 .box .flex > div:last-child {
  flex: 1;
  padding: 0 0 0 18px;
}

.s-08 .box .flex p.f-white {
  padding: 4px 0;
  background: #333;
}

.s-08 .contents > div:last-child h4 {
  margin-bottom: 46px;
}

.s-08 .contents > div:last-child h4 + p {
  display: table;
  margin: 0 auto 48px;
  padding: 26px 92px;
  background: #E2EFFA;
  border-radius: 100px;
}

.s-08 .contents > div:last-child p:last-child {
  display: table;
  margin: 62px auto 0;
  padding: 24px 58px;
  background: #333;
}



.s-09 .closing {
  background: url(../img/lpdi_sample_b/s-09-bg-01.jpg) no-repeat 50% 50%;
}



.s-10 {
  padding: 95px 0 70px;
}

.s-10 .inner {
  max-width: 1000px;
}

.s-10 h2 {
  background: url(../img/lpdi_sample_b/s-10-bg-01.svg) no-repeat 50% 47%;
}

.s-10 .box {
  margin: 20px 0 80px;
  padding: 80px 70px 100px;
  background: rgba(246,201,39,.2);
}

.s-10 .box header {
  padding: 30px;
  background: #fff;
}

.s-10 .box .flex:first-child h3 {
  margin: -54px 0 0 -54px;
}

.s-10 .box:nth-child(odd) .flex:first-child > h3 {
  margin: -54px -54px 0 0;
}

.s-10 .box:nth-child(even) .flex:first-child > p:nth-child(2) {
  margin: 0 50px;
}

.s-10 .box:nth-child(odd) .flex:first-child > p:nth-child(1) {
  margin: 0 50px 0 0;
}

.s-10 .box .flex:first-child > p img {
  margin: -3px 0 0;
}

.s-10 .box .flex:first-child > div {
  flex: 1;
}

.s-10 .box .flex:first-child > div p:first-child {
  display: table;
  margin: 0 0 10px;
  padding: 3px 10px;
  background: #F0F0F0;
  border: 1px solid #324D91;
}

.s-10 .box header h4 {
  margin: 24px 0 15px;
  position: relative;
}

.s-10 .box header h4:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  background: #333;
}

.s-10 .box header h4 span {
  padding-right: 15px;
  position: relative;
  z-index: 10;
  background: #fff;
}

.s-10 .box dl.flex {
  margin-top: 25px;
}

.s-10 .box dl.flex dt {
  padding: 5px 0;
  background: #767676;
}

.s-10 .box dl.flex dd {
  padding: 5px 0;
  background: #E9E9E9;
}

.s-10 .box dl.flex dt:nth-child(1) {
  width: 26.25%;
}

.s-10 .box dl.flex dd:nth-child(2) {
  width: 19.25%;
  margin-right: 3%;
}

.s-10 .box dl.flex dt:nth-child(3) {
  width: 19.25%;
}

.s-10 .box dl.flex dd:nth-child(4) {
  width: 32.25%;
}

.s-10 .box > h4 {
  margin: 50px 0 32px;
  padding: 5px 0;
  background: #fff;
  border: 1px solid #333;
}

.s-10 .box > h4 + p {
  margin-bottom: 40px;
}

.s-10 .list {
  margin: 62px -30px 0;
  padding: 25px 30px 45px;
  background: #fff;
}

.s-10 .list h4 {
  display: table;
  margin: -47px auto 20px;
  padding: 5px 186px;
  background: #324D91;
  border-radius: 6px;
}

.s-10 .box + p {
  margin: -56px 0 36px;
  padding-bottom: 50px;
  background: url(../img/lpdi_sample_b/s-10-bg-02.png) no-repeat 50% 100%;
}

.s-10 .box + p + p {
  display: table;
  margin: 0 auto 50px;
  padding: 0 10px;
  background: linear-gradient(0deg, rgba(246,201,39,0.5) 45%, rgba(255,255,255,0) 45%);
}

.s-10 > .inner > p:last-child {
  margin: 50px 0 0;
}



.s-11 {
  height: 589px;
  background: url(../img/lpdi_sample_b/s-11-bg-01.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.s-11 p {
  padding: 116px 0 0;
}



.s-12 {
  padding: 189px 0 175px;
  background: linear-gradient(122.95deg, rgba(237,249,255,0.3) 36.46%, rgba(71,145,255,0.3) 108.81%);

}

.s-12 .inner {
  max-width: 920px;
}

.s-12 h2 .medium {
  display: inline-block;
  margin: 0 0 30px;
  padding: 0 40px 16px;
  border-bottom: 3px double #2FD7ED;
}

.s-12 h2 .f-38 {
  padding: 0 20px;
  background: linear-gradient(0deg, rgba(246,201,39,0.5) 45%, rgba(255,255,255,0) 45%);
}

.s-12 h2 + p {
  display: table;
  margin: 23px auto calc(47px + 85px);
  padding: 4px 40px;
  background: #fff;
  border: 1px solid #333;
}

.s-12 .box {
  box-sizing: border-box;
  position: relative;
  padding: 6px 30px 40px;
  background: #fff;
  border: 1px solid;
  border-image: linear-gradient(180deg, #2FE2ED 0%, #2F80ED 100%);
  border-image-slice: 1;
  box-shadow: 4px 6px 18px rgba(0, 0, 0, 0.15);
}

.s-12 .box:nth-child(n+2) {
  margin: 162px 0 0;
}

.s-12 .box:after {
  content: "";
  display: block;
  width: 32px;
  height: 65px;
  position: absolute;
  left: calc(50% - 16px);
  bottom: -65px;
  background: url(../img/lpdi_sample_b/s-12-arrow-01.png);
}

.s-12 .box:last-child:after {
  display: none;
}

.s-12 h3 {
  margin: 0 -24px 0;
  padding: 16px 0;
  background: #E2EFFA;
}

.s-12 h3 img {
  position: absolute;
  top: -85px;
  left: calc(50% - 51px);
}

.s-12 dt {
  display: flex;
  align-items: center;
  margin: 48px 0 22px;
}

.s-12 dt img {
  margin: 0 18px -3px 0;
}

.s-12 dl + p {
  margin: 38px 0 0;
}



.s-13 {
  padding: 0 0 81px;
}

.s-13 .inner {
  max-width: 829px;
}

.s-13 h2 {
  margin: 0 0 121px;
  position: relative;
  padding: 32px 0;
  background: #324D91;
}

.s-13 h2:after {
    content: "";
    display: block;
    width: 74px;
    height: 32px;
    position: absolute;
    bottom: -32px;
    left: calc(50% - 37px);
    background: url(../img/lpdi_sample_b/s-02-style-03.svg) no-repeat 50% 0;
}

.s-13 li {
  position: relative;
  margin: 40px 0 40px 26px;
  padding: 26px 0 26px 64px;
  background: #FDF4D4;
  border-radius: 5px;
}

.s-13 li:first-child {
  margin: 0 0 -15px 26px;
}

.s-13 li:last-child {
  margin: -15px 0 0 26px;
}

.s-13 .time {
  position: absolute;
  top: calc(50% - 52px);
  left: -53px;
}

.s-13 .img-01 {
  position: absolute;
  top: -42px;
  right: 82px;
}

.s-13 .img-02 {
  position: absolute;
  top: -35px;
  right: 330px;
}

.s-13 .img-03 {
  position: absolute;
  top: 23px;
  right: 95px;
}

.s-13 ul + p {
  margin-top: 57px;
}



.s-14 {
  padding: 41px 0 58px;
  background: #F0F0F0;
}

.s-14 h2 + p {
  margin: 32px 0 42px;
}

.s-14 p:last-child {
  width: 601px;
  height: 107px;
  margin: 14px auto 0;
  padding: 4px 0 0;
  background: url(../img/lpdi_sample_b/s-14-style-01.svg) no-repeat;
}

.s-14 img {
  max-width: 100%;
  margin: 0 auto;
}




.s-15 {
  padding: 120px 0;
}

.s-15 .inner {
  max-width: 1000px;
}

.s-15 .box {
  padding: 50px 39px;
  border: 1px solid #333;
}

.s-15 h2 {
  margin: 0 0 35px;
  padding: 9px 0;
  background: #E2EFFA;
}

.s-15 h3.office {
  margin: 0 0 45px;
  position: relative;
}

.s-15 h3.office:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  background: #333;
}

.s-15 h3.office span {
  display: block;
  max-width: 600px;
  position: relative;
  z-index: 10;
  margin: 0 auto;
  background: #fff;
}

.s-15 .office_content_header {
  margin: 0 auto 35px;
  width: 920px;
    height: 372px;
}

.s-15 .office_content_header img {
    width: inherit;
  height: inherit;
    object-fit: cover;
}

.s-15 .office_content_header iframe {
  width: 100%;
  height: 100%;
}

.s-15 .box img {
  max-width: 100%;
}

.s-15 .box.not-it img {
  width: 400px;
}

.s-15 .box img.manager_image {
    width: 400px;
    height: 400px;
    object-fit: cover;
    object-position: center top;
}

.s-15 .box .not-it figure {
  margin: 0 auto;
  width: 400px;
    height: 100%;
}

.s-15 .box .not-it figure img.not-it_office_map {
    width: inherit;
    height: inherit;
}

.s-15 .box .inner {
  max-width: 880px;
  padding: 0 30px;
}

.s-15 .box h3.inner.comment_heading {
  padding: 10px 30px 15px;
}

.s-15 .info {
  margin: 31px 0 0;
}

.s-15 .info div {
  margin: 25px 0 0;
  padding: 25px 0 0;
  border-top:  1px solid #333;
}

.s-15 .pics {
  margin: 45px 0 0;
}

.s-15 .pics figure {
  width: 31.52173913%;
}

.s-15 .pics figure.two-pictures {
  width: 47%;
}

.s-15 .pics figure.one-picture {
  width: 75%;
}

.s-15 .message {
  margin: 79px 0 0;
}

.s-15 .message div:first-child {
  width: 53.37995338%;
}

.s-15 .message div:last-child {
  width: 46.62004662%;
}

.s-15 .message h3 {
  margin: 0 30px 0 -69px;
  padding: 72px 0;
  background: #E9482D;
}

.s-15 .message div:first-child p {
  margin: 50px 0 0 25px;
  border-bottom: 1px solid #E9482D;
}

.s-15 .message + p.inner {
  margin: 51px 0 0;
}

.s-15 h3.office:not(:first-of-type) {
  margin: 115px 0 45px;
}

.s-15 .not-it {
  margin: 80px 0 0;
}

.s-15 .not-it .flex div:last-child {
  width: 48.636363636%;
}

.s-15 .not-it .flex + h3 {
  margin-top: 52px;
}

.s-15 .btn {
  max-width: 100%;
  width: 100%;
  margin: 25px 0 0;
  padding: 12px 0; 
}



.s-16 {
  padding: 0 0 120px;
}

.s-16 h2 {
  margin: 0 0 119px;
  position: relative;
  padding: 19px 0;
  background: #324D91;
}

.s-16 h2:after {
    content: "";
    display: block;
    width: 74px;
    height: 32px;
    position: absolute;
    bottom: -32px;
    left: calc(50% - 37px);
    background: url(../img/lpdi_sample_b/s-02-style-03.svg) no-repeat 50% 0;
}

.s-16 .inner {
  max-width: 1000px;
}

.s-16 .box {
  padding: 50px 39px;
  border: 1px solid #333;
}

.s-16 h3 {
  margin: 0 0 35px;
  padding: 9px 0;
  background: #E2EFFA;
}

.s-16 .flex {
  flex-wrap: wrap;
}

.s-16 li {
  width: 25%;
  line-height: 2.2;
}



.s-17 {
  padding: 90px 0;
  background: #F0F0F0;
}

.s-17 .inner {
  max-width: 920px;
}

.s-17 h3 {
  margin: 31px 0 24px;
  position: relative;
}

.s-17 h3:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  background: #333;
}

.s-17 h3 span {
  display: block;
  max-width: 420px;
  position: relative;
  z-index: 10;
  margin: 0 auto;
  background: #F0F0F0;
}

.s-17 .map {
  padding: 6px 27px 0;
  background: #fff;
}

.s-17 .btn {
  margin: 53px auto 22px;
  padding: 29px 0;
}



.s-18 .closing {
  background: url(../img/lpdi_sample_b/s-18-bg-01.jpg) no-repeat 50% 50%;
}

.s-18 .txt {
  box-sizing: border-box;
  display: block;
  width: calc(100% - 40px);
  height: 70px;
  max-width: calc(100% - (50% - ((1080px - (233px * 2 + 26px * 2)) / 2)));
  position: absolute;
  top: 126px;
  left: calc(50% - 168px);
  margin: 0 0 0 auto;
  padding: 9px 10px;
  padding-right: calc(50% - ((1080px - (133px * 2 + 26px * 2)) / 2) - 40px);
  border-right: solid transparent calc(40px + 0);
  background: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

.s-18 .txt:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: -26px;
  border-style: solid;
    border-width: 0 0 70px 26px;
    border-color: transparent;
    border-bottom-color: #fff;
    
}


#form.contact_us {
  background: #f0f0f0;
}

#form.contact_us .contact_us-tit {
  padding-top: 90px;
  padding-bottom: 35px;
}

#form.contact_us .contact_us-tit h2 span > span {
  font-size: 14px;
  display: block;
}

#form.contact_us div.form-wrapper {
  padding-bottom: 20px;
}

#form.contact_us table {
  table-layout: fixed;
  border-collapse: collapse;
}

#form.contact_us tr:not(:last-of-type) {
  border-bottom: .1px solid #333;
}

#form.contact_us th, #form.contact_us td {
  border-bottom: unset;
}

#form.contact_us a {
  color: #333;
}

.animates {
  opacity: 1 !important; 
}

@media screen and (max-width: 750px){
  .topic ul li {
    font-size: 14px;
  }
  
  .topic ul {
    width: 100%;
  }

  .topic a {
    font-size:14px;
  }
  
  .event {
    display: block;
  }

  .event_image {
    width: 50%;
    margin: auto;
    padding: 10px 0;
  }

  .event_desc {
      width: initial;
  }

  #form.contact_us .contact_us-tit {
    padding-top: 40px;
    padding-bottom: 0;
  }

  #form.contact_us .contact_us-tit h2 span > span {
    font-size: 12px;
  }
}

@media screen and (min-width: 769px){
  #form.contact_us th, #form.contact_us td {
    color: #333;
  }

  #form.contact_us th {
    width: 45%;
  }
}

.s-19 {
  padding: 40px 0 162px;
}

.s-19 .inner {
  max-width: 880px;
}

.s-19 table {
  width: 100%;
  margin: 8px auto 0;
  border-collapse: collapse;
}

.s-19 td {
  padding: 24px 0;
  font-size: 1.8rem;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
}

.s-19 td:first-child {
  width: 21%;
}

.s-19 tr:last-child td {
  border-bottom: none;
}

.s-19 span {
  display: inline-block;
  padding-left: 1.8rem;
}



.s-20 {
  padding: 100px 0;
  background: #F0F0F0;
}

.s-20 .inner {
  max-width: 860px;
}

.s-20 .flex {
  flex-wrap: wrap;
}

.s-20 .flex > div {
  box-sizing: border-box;
  width: 48.255813953%;
  margin: 0 0 3.488372094%;
  padding: 50px 30px 43px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 4px 6px 18px rgba(0, 0, 0, 0.15);
}

.s-20 h2 {
  padding: 8px 0;
  background: #324D91;
}

.s-20 p.img {
  width: fit-content;
  margin: 0 auto;
}

.s-20 .flex + p {
  margin: 15px 0 0;
}

.pagetop {
  position: fixed;
  bottom: 100px;
  right: -180px;
  padding: 10px;
  width: 90px;

  background-color: rgba(50, 77, 145, .9);
  color: #fff;
  border: solid 3px #fff;

  cursor: pointer;
  z-index: 999;
  clip-path: polygon(0% 25px, 25px 0%, 100% 0%, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0% 100%);
  
  transition: .7s;
}

.pagetop.show {
  right: 30px;
}

.pagetop span {
  display: inline-block;
  padding-left: 38px;
}
.pagetop::before {
  content: "";

  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 12px;
  top: 21px;
  
  background-color: #fff;
  clip-path: polygon(25% 100%, 25% 45%, 0% 45%, 50% 0%, 100% 45%, 75% 45%, 75% 100%);
}
  
.footer {
  padding: 60px 60px 124px;
}

.footer p {
  line-height: 3;
}

.footer a {
  color: #333;
  text-decoration: none;
}

.fixed_footer {
  position: fixed;
  bottom: -75px;
  width: 100%;
  margin: auto;
  transition: .3s;
  background-color: #e5e5e5;
  padding: 10px 0;
  z-index: 999;
  transition: .7s;
}

.fixed_footer.show {
  bottom: 0;
}


.fixed_footer .group {
  display: flex;
  justify-content: center;
  /* font-family: "toppan-bunkyu-midashi-go-std",sans-serif; */
  font-weight: 900;
  font-style: normal;
}

.fixed_footer .group > div {
  position: relative;
  width: 307px;
  transition: .04s;
}

.fixed_footer .group > div:active {
  box-shadow: none;
  transform: translateY(1px);
}

.fixed_footer .group > div a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.fixed_footer .tel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 10px 15px;
  margin-right: 50px;
  box-shadow: 0 3px 0 #92A5CA;
  border-radius: 5px;
  font-size: 1.36em;
  white-space: nowrap;
  line-height: 1;
  background-color: #324D91;
  /* background-image: linear-gradient(180deg, #6b819d 0, #034067 99%); */
  color: #fff;
}

.fixed_footer .tel > p {
  padding-left: 14px;
  font-size: .5em;
}

.fixed_footer .tel .tel_num {
  padding-top: 5px;
  margin: auto;
  min-height: 30px;
  padding-left: 25px;
  background: url(../img/lpdi_sample_b/tel_W.png) 0 40% no-repeat;
  background-size: 7%;
}

.fixed_footer .tel .tel_num > p {
  display: inline-block;
}

.fixed_footer .tel .num {
    font-weight: 900;
    font-style: normal;
}

.fixed_footer .tel .time {
    font-size: .5em;
    text-align: right;
    margin-top: 2px;
}

.fixed_footer .to_content {
  padding: 15px 20px;
  border-radius: 5px;
  box-shadow: 0 3px 0 #ad0000;
  font-size: 1.43em;
  text-align: center;
  background-color: #E9482D;
  /* background-image: linear-gradient(180deg, #ebdfda 0%, #d90404 99%); */
  color: #fff;
}

.fixed_footer .to_content .small {
    font-size: .73em;
}

.mobile-btn {
  display: block;
  position: fixed;
  top: 6px;
  right: 25px;
  width: 80px;
  height: 76px;
  
  background-color: #e9482d;
  transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);

  z-index: 500;
  cursor: pointer;
}

.mobile-btn .icon {
  display: block;
  position: relative;
  width: 50%;
  height: 50%;
  left: 50%;
  top: 10%;

  background-color: transparent;

  transform: translateX(-50%);
  transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
}

.mobile-btn div span {
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  top: 50%;
  left: 50%;
  margin: 0 0 0 -15px;

  background-color: #fff;
  
  z-index: 5;
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
}

.mobile-btn div span:nth-child(1) {
  -moz-transform: translateY(-9px);
  -webkit-transform: translateY(-9px);
  -o-transform: translateY(-9px);
  -ms-transform: translateY(-9px);
  transform: translateY(-9px);
}

.mobile-btn div span:nth-child(3) {
  -moz-transform: translateY(9px);
  -webkit-transform: translateY(9px);
  -o-transform: translateY(9px);
  -ms-transform: translateY(9px);
  transform: translateY(9px);
}

.mobile-btn div.text {
  position: absolute;
  bottom: 12%;
  width: 100%;

  color: #fff;
  text-align: center;

  transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
}

.mobile-btn.active {
  transform: translateX(-200px);
}

.mobile-btn.active .icon {
  transform: translateX(-50%) rotate(180deg);
}

.mobile-btn.active .icon span {
  top: 45%;
}

.mobile-btn.active .icon span:nth-child(1) {
  transform: rotate3d(0, 0, 1, -40deg) !important;
  transform-origin: 0.71429px center !important;
  width: 20px !important;
}

.mobile-btn.active .icon span:nth-child(3) {
  transform: rotate3d(0, 0, 1, 40deg) !important;
  transform-origin: 0.71429px center !important;
  width: 20px !important;
}

.sp-wrapper-move {
  transform: translateX(0px) !important;
}

.sp-wrapper {
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  width: 200px;
  height: 100vh;

  background-color: #e9482d;
  transform: translateX(200px);
  transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 999;
}

.sp-wrapper .sp-heading {
  width: 50%;
  margin: 30px auto 20px;

  color: #E9482D;
  background-color: #fff;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
}

.sp-wrapper nav ul {
  padding: 0 15px;
}

.sp-wrapper nav ul li:first-child {
  border-top: 1px solid #fff;
}

.sp-wrapper nav ul li {
  border-bottom: 1px solid #fff;
}

.sp-wrapper nav ul li a {
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 15px 0;
  text-transform: uppercase;
  transition: .3s;
}

.sp-wrapper nav ul li a svg {
  width: 27px;
  fill: #fff;
}

.sp-wrapper nav ul li a:hover {
  background: #f2f2f2;
  color: #a81f24;
}

.sp-wrapper nav ul li a:hover svg {
  fill: #a81f24;
}

body #chatplusview #eye_catcher .button-hide {
  top: 2px;
  right: 9px;
  font-size: 12px;
}

body #chatplusview.float.closed #outline #eye_catcher {
  top: unset;
}

@media screen and (max-width: 1079px) {
  .pc-none {display: block;}
  .sp-none {display: none;}
  iframe {max-width: 100%;}
  
  body .f-14 {font-size: calc((14 / 750) * 100vw);}
  body .f-16 {font-size: calc((16 / 750) * 100vw);}
  body .f-18 {font-size: calc((18 / 750) * 100vw);}
  body .f-20 {font-size: calc((20 / 750) * 100vw);}
  body .f-22 {font-size: calc((22 / 750) * 100vw);}
  body .f-24, .btn.f-20 {font-size: calc((24 / 750) * 100vw);}
  body .f-26 {font-size: calc((26 / 750) * 100vw);}
  body .f-28 {font-size: calc((28 / 750) * 100vw);}
  body .f-30, .cv .f-26 {font-size: calc((30 / 750) * 100vw);}
  body .f-32 {font-size: calc((32 / 750) * 100vw);}
  body .f-34 {font-size: calc((34 / 750) * 100vw);}
  .btn .f-30 {
    font-size: calc((26 / 750) * 100vw);
  }
  body .f-36 {font-size: calc((36 / 750) * 100vw);}
  body .f-42 {font-size: calc((42 / 750) * 100vw);}
  body .f-45 {font-size: calc((45 / 750) * 100vw);}
  body .f-70 {font-size: calc((70 / 750) * 100vw);}
  body .f-76 {font-size: calc((76 / 750) * 100vw);}
  
  .btn {
    width: calc((586 / 750) * 100vw);
    background-position: 96% 50%;
    background-size: calc((45 / 750) * 100vw) calc((28.8 / 750) * 100vw);
  }
  
  .inner {
    padding: 0 4vw;
  }
  
  body > header .inner.flex {
    height: 100%;
    padding-left: 4vw;
  }
  
  body > header .inner > img {
    width: 40%;
  }
  
  
  body > header .inner .flex {
    flex-direction: column;
    width: auto;
  }
  
  body > header .inner .flex p {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
  }
  
  body > header p.tel-info + p {
    min-height: auto;
    margin-bottom: .533333333vw;
    padding-left: 5vw;
    background-size: 3.8vw auto;
    background-position-y: 70%;
  }

  body > header .header-desc {
    display: none;
  }
  
  .s-01 {
    height: calc((1040 / 750) * 100vw);
    background: url(../img/lpdi_sample_b/s-01-bg-01-sp.jpg) 50% 0 no-repeat;
    background-size: cover;

  }
  
  .s-01 > p:nth-child(1) {
    width: calc((580 / 750) * 100vw);
    margin: 4.8vw auto 3.866666667vw;
    padding: calc((5 / 750) * 100vw) 0;
  }
  
  .s-01 > p:nth-child(2) {
    margin: 0 auto;
    width: 62vw;
  }
  
  #h1-01 {
    max-width: calc(100% - (50% - ((84vw - (9.333333333vw * 2)) / 2)));
    height: calc((154 / 750) * 100vw);
    margin-top: calc((39 / 750) * 100vw);
    padding-top: calc((15 / 750) * 100vw);
  }
  
  #h1-01:after {
    right: calc((-70 / 750) * 100vw);
    border-width: calc((154 / 750) * 100vw) calc((70 / 750) * 100vw) 0 0;
  }
  
  #h1-01 .normal {
    padding: 0;
  }
  
  #h1-02 {
    max-width: calc(100% - (50% - ((84vw - (9.333333333vw * 2)) / 2)));
    height: calc((154 / 750) * 100vw);
    margin-top: calc((-30 / 750) * 100vw);
    padding-left: calc((36 / 750) * 100vw);
    padding-top: calc((16 / 750) * 100vw);
    background: linear-gradient(90deg, #FFFFFF 50%, rgba(255, 255, 255, 55) 100%);
  }
  
  #h1-02:after {
    left: calc((-70 / 750) * 100vw);
    border-width: 0 0 calc((154 / 750) * 100vw) calc((70 / 750) * 100vw);
  }
  
  .s-01 .inner.flex {
    width: 88%;
    margin: calc((24 / 750) * 100vw) auto 0;
    padding: 0;
  }
  
  .s-01 .inner.flex .f-white {
    margin: 0 calc((-6 / 750) * 100vw) calc((13 / 750) * 100vw) 0;
    padding: 0 calc((15 / 750) * 100vw);
  }
  
  .s-01 .inner.flex p + p {
    margin: 0;
  }
  
  .s-01 .inner.flex .f-white:after {
    width: 90%;
    left: 5%;
    height: calc((38 / 750) * 100vw);
    top: calc((2 / 750) * 100vw);
    transform: skewX(-20deg);
  }
  
  .s-01 .inner.flex > p {
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    width: calc((200 / 750) * 100vw);
    height: calc((200 / 750) * 100vw);
    padding: calc((6 / 750) * 100vw);
  }
  
  .s-01 .inner.flex > p > span {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
  }
  
  .s-01 .style {
    height: calc((180 / 750) * 100vw);
    background-position: 50% calc((86 / 750) * 100vw);
    background-size: calc((547 / 750) * 100vw) calc((71 / 750) * 100vw);
  }
  
  .s-01 .style p:first-child {
    margin: calc((26 / 750) * 100vw) 0;
  }
  
  
  
  .cv {
    height: calc((385 / 750) * 100vw);
    background: url(../img/lpdi_sample_b/cv-bg-sp.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  
  .cv p:first-child {
    margin-bottom: calc((24 / 750) * 100vw);
    background-position: 0 50%, 100% 50%;
    background-size: 6.5%, 6.5%;
  }
  
  
  
  .s-02 h2 {
    font-size: calc((36 / 750) * 100vw);
    padding: calc((109 / 750) * 100vw) 0 calc((59 / 750) * 100vw);
  }
  
  .s-02 ul.list {
    padding: calc((40 / 750) * 100vw) calc((30 / 750) * 100vw);
  }
  
  .s-02 ul.list li {
    margin-top: calc((28 / 750) * 100vw);
    padding-left: calc((50 / 750) * 100vw);
    font-size: calc((26 / 750) * 100vw);
    line-height: 1.6;
    background-position: 0 calc((10 / 750) * 100vw);
    background-size: calc((24 / 750) * 100vw) calc((20 / 750) * 100vw);
  }
  
  .s-02 ul.list li:first-child {
    margin-top: 0;
  }
  
  .s-02 ul.worry:before {
    width: 1px;
    height: calc((22 / 750) * 100vw);
  }
  
  .s-02 ul.worry li:before, .s-02 ul.worry li:after {
    width: calc((23 / 750) * 100vw);
    height: calc((50 / 750) * 100vw);
    background-size: calc((23 / 750) * 100vw) calc((50 / 750) * 100vw);
  }
  
  .s-02 ul.worry li:before {
    top: calc((16 / 750) * 100vw);
    left: calc((-45 / 750) * 100vw);
  }
  
  .s-02 ul.worry li:after {
    bottom: calc((16 / 750) * 100vw);
    right: calc((-36 / 750) * 100vw);
  }
  
  .s-02 ul.worry:after {
    width: calc((76 / 750) * 100vw);
    height: calc((33 / 750) * 100vw);
    bottom: calc((33 / 750) * -100vw);
    left: calc(50% - ((76 / 750) * 100vw / 2));
    background-size: calc((76 / 750) * 100vw) calc((33 / 750) * 100vw);
  }
  
  
  
  .s-03 {
    padding: calc((105 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
  }
  
  .s-03 > p:first-child {
    margin-bottom: calc((18 / 750) * 100vw);
    font-size: calc((20 / 750) * 100vw);
  }
  
  .s-03 > p:nth-child(2) img {
    width: calc((363 / 750) * 100vw);
    height: auto;
  }
  
  .s-03 > h2 {
    margin: calc((40 / 750) * 100vw) auto calc((33 / 750) * -100vw);
    padding: calc((7 / 750) * 100vw) calc((57 / 750) * 100vw);
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-03 .img {
    height: calc((880 / 750) * 100vw);
  }
  
  .s-03 .img > p {
    margin-top: calc((51 / 750) * 100vw);
  }
  
  .s-03 .img img {
    width: calc((630 / 750) * 100vw);
    height: calc((701 / 750) * 100vw);
  }
  
  .s-03 .txt-01, .s-03 .txt-02 {
    width: calc((630 / 750) * 100vw);
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-03 .txt-01 {
    margin-top: calc((50 / 750) * 100vw);
  }
  
  .s-03 .txt-02 {
    padding: calc((40 / 750) * 100vw) calc((26 / 750) * 100vw);
    font-size: calc((24 / 750) * 100vw);
  }
  
  
  
  .s-04 {
    padding: calc((85 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
  }
  
  .s-04 h2 {
    margin-bottom: calc((66 / 750) * 100vw);
    font-size: calc((42 / 750) * 100vw);
  }
  
  .s-04 .flex {
    flex-direction: column;
    padding: 0 calc((60 / 750) * 100vw);
  }
  
  .s-04 .flex > div {
    width: 100%;
    border-radius: calc((5 / 750) * 100vw);
    
    margin-top: calc((50 / 750) * 100vw);
    padding: calc((50 / 750) * 100vw) calc((30 / 750) * 100vw) calc((40 / 750) * 100vw);
  }
  
  .s-04 .flex > div:first-child {
    margin-top: 0;
  }
  
  .s-04 .flex img {
    width: calc((200 / 750) * 100vw);
    height: calc((200 / 750) * 100vw);
  }
  
  .s-04 .flex h3 {
    margin: calc((41 / 750) * 100vw) 0 calc((30 / 750) * 100vw);
    font-size: calc((30 / 750) * 100vw);
    text-align: center;
  }
  
  .s-04 .flex .f-22 {
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-04 .flex .f-14 {
    margin-top: calc((12 / 750) * 100vw);
    font-size: calc((20 / 750) * 100vw);
  }
  
  
  
  .s-05 {
    height: calc((800 / 750) * 100vw); 
    background: url(../img/lpdi_sample_b/s-05-bg-01-sp.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  
  .s-05 p {
    margin-top: calc((490 / 750) * 100vw);
    padding: calc((40 / 750) * 100vw) calc((50 / 750) * 100vw);
    font-size: calc((36 / 750) * 100vw);
  }
  
  
  
  .s-06 {
    padding: calc((110 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
    background: #F0F0F0 url(../img/lpdi_sample_b/s-06-bg-01-sp.jpg) no-repeat 50% 0;
    background-size: 100% auto;
  }
  
  .s-06 h2 {
    font-size: calc((42 / 750) * 100vw);
    text-align: center;
  }
  
  .s-06 h2:before {
    display: none;
  }
  
  .s-06 h2 span {
    background: linear-gradient(0deg, rgba(246,201,39,0.5) 45%, rgba(255,255,255,0) 45%);
  }
  
  .s-06 .contents {
    padding: 0 calc((60 / 750) * 100vw);
  }
  
  .s-06 .offset {
    width: calc((405 / 750) * 100vw);
    margin: calc((217 / 750) * 100vw) 0 calc((192 / 750) * 100vw) calc((-20 / 750) * 100vw);
  }
  
  .s-06 .offset span {
    padding: calc((35 / 750) * 100vw) calc((16 / 750) * 100vw);
  }
  
  .s-06 .f-22 {
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-06 h3 {
    font-size: calc((36 / 750) * 100vw);
    margin: calc((72 / 750) * 100vw) 0 calc((41 / 750) * 100vw);
    padding-bottom: calc((18 / 750) * 100vw);
  }
  
  .s-06 h3.in-right {
    margin-top: calc((118 / 750) * 100vw);
    padding-bottom: calc((22 / 750) * 100vw);
  }
  
  .s-06 h3:nth-child(even) {
    margin-right: calc((-60 / 750) * 100vw);
    background: url(../img/lpdi_sample_b/s-06-style-01-sp.svg) no-repeat 100% 100%;
    background-size: calc((600 / 750) * 100vw) calc((46 / 750) * 100vw);
  }
  
  .s-06 h3:nth-child(odd) {
    margin-left: calc((-60 / 750) * 100vw);
    background: url(../img/lpdi_sample_b/s-06-style-02-sp.svg) no-repeat 0% 100%;
    background-size: calc((588 / 750) * 100vw) calc((49.52 / 750) * 100vw);
  }
  
  .s-06 h3 span {
    top: calc((-4 / 750) * 100vw);
  }
  
  .s-06 h3.in-right span {
    top: calc((-46 / 750) * 100vw);
  }
  
  .s-06 h3:nth-child(even) span {
    left: calc((190 / 750) * 100vw);
  }
  
  .s-06 h3:nth-child(odd) span {
    left: calc((215 / 750) * 100vw);
  }
  
  .s-06 h3:nth-child(2) img {
    width: calc((57.29 / 750) * 100vw);
    height: auto;
  }
  
  .s-06 h3:nth-child(5) img {
    width: calc((64.08 / 750) * 100vw);
    height: auto;
  }
  
  .s-06 h3:nth-child(8) img {
    width: calc((66.67 / 750) * 100vw);
    height: auto;
  }
  
  .s-06 .box {
    margin-top: calc((46 / 750) * 100vw);
    padding: 0;
  }
  
  
  
  .closing {
    height: calc((800 / 750) * 100vw);
  }
  
  .closing h2 {
    margin: calc((384 / 750) * 100vw) auto calc((-27 / 750) * 100vw);
    padding: calc((7 / 750) * 100vw) calc((16 / 750) * 100vw);
    font-size: calc((30 / 750) * 100vw);
  }
  
  .closing > div {
    padding: calc((56 / 750) * 100vw) calc((50 / 750) * 100vw) calc((36 / 750) * 100vw);
  }
  
  .closing > div p {
    font-size: calc((36 / 750) * 100vw);
  }
  
  
  
  .s-07 .closing {
    background: url(../img/lpdi_sample_b/s-07-bg-01-sp.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  
  .s-07 .closing + div {
    margin-bottom: calc((33 / 750) * 100vw);
    padding: calc((82 / 750) * 100vw) 0 calc((44 / 750) * 100vw);
  }
  
  .s-07 .closing + div:before {
    width: 1px;
    height: calc((49 / 750) * 100vw);
  }
  
  .s-07 .closing + div:after {
    width: calc((76 / 750) * 100vw);
      height: calc((33 / 750) * 100vw);
      bottom: calc((33 / 750) * -100vw);
      left: calc(50% - ((76 / 750) * 100vw / 2));
      background-size: calc((76 / 750) * 100vw) calc((33 / 750) * 100vw);
  }
  
  .closing > div p {
    font-size: calc((36 / 750) * 100vw);
  }
  
  
  
  .s-08 {
    padding: calc((66 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
    background: url(../img/lpdi_sample_b/s-08-bg-01-sp.png) no-repeat;
    background-size: cover;
  }
  
  .s-08 h2 {
    font-size: calc((36 / 750) * 100vw);
  }
  
  .s-08 h2 .f-38 {
    font-size: calc((42 / 750) * 100vw);
  }
  
  .s-08 h2 .f-42 {
    font-size: calc((46 / 750) * 100vw);
  }
  
  .s-08 h3 {
    margin: calc((50 / 750) * 100vw) 0 !important;
  }
  
  .s-08 .contents h3 img {
    width: calc((130 / 750) * 100vw);
    height: auto;
  }
  
  .s-08 h3 + h4 {
    margin: 0 0 calc((36 / 750) * 100vw);
    font-size: calc((30 / 750) * 100vw);
  }
  
  .s-08 .right {
    max-width: calc(100% - (50% - ((1080px - (200px * 2)) / 2)));
    height: calc((170 / 750) * 100vw);
    padding-left: calc((168 / 750) * 100vw) !important;
    padding-right: 0;
  }
  
  .s-08 .contents > div:nth-child(3) .right {
    padding-left: calc((160 / 750) * 100vw) !important;
  }
  
  .s-08 .right p, .s-08 .left p {
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-08 .right p .f-26, .s-08 .left p .f-26 {
    font-size: calc((30 / 750) * 100vw);
  }
  
  .s-08 .right img {
    top: calc((10 / 750) * 100vw);
    left: calc((10 / 750) * 100vw);
  }
  
  .s-08 .left {
    height: calc((170 / 750) * 100vw);
    max-width: calc(100% - (50% - ((1080px - (200px * 2)) / 2)));
    padding-right: calc((162 / 750) * 100vw) !important;
    padding-left: 0;
  }
  
  .s-08 .contents > div:nth-child(2) .left {
    padding-right: calc((246 / 750) * 100vw) !important;
  }
  
  .s-08 .contents > div:nth-child(2) .left p {
    text-align: left;
  }
  
  .s-08 .contents > div:nth-child(3) .left {
    padding-right: calc((184 / 750) * 100vw) !important;
  }
  
  .s-08 .left img {
    top: calc((10 / 750) * 100vw);
    right: calc((10 / 750) * 100vw);
  }
  
  .s-08 .contents div > img {
    height: calc((150 / 750) * 100vw);
  }
  
  .s-08 .box {
    width: calc((690 / 750) * 100vw);
    margin-top: calc((51 / 750) * 100vw);
    padding: calc((40 / 750) * 100vw) calc((30 / 750) * 100vw);
  }
  
  .s-08 .box > div:first-child {
    height: calc((330 / 750) * 100vw);
    padding: calc((38 / 750) * 100vw) calc((30 / 750) * 100vw);
    background: url(../img/lpdi_sample_b/s-08-bg-02-sp.jpg) no-repeat;
    background-size: cover;
  }
  
  .s-08 h5 {
    margin-bottom: calc((31 / 750) * 100vw);;
    font-size: calc((30 / 750) * 100vw);
    background: none;
  }
  
  .s-08 h5 span {
    background: linear-gradient(0deg, rgba(246,201,39,0.5) 45%, rgba(255,255,255,0) 45%);
  }
  
  .s-08 h5 + p {
    calc((26 / 750) * 100vw);
  }
  
  .s-08 .box .flex {
    align-items: flex-start;
  }
  
  .s-08 .box .flex > div:first-child {
    width: calc((157.67 / 750) * 100vw);
  }
  
  .s-08 .box .flex > div:first-child p {
    padding: calc((2 / 750) * 100vw) 0;
  }
  
  .s-08 .box .flex p.f-22 {
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-08 .contents > div:last-child h4 {
    margin-bottom: calc((44 / 750) * 100vw);
  }
  
  .s-08 .contents > div:last-child h4 + p {
    margin-bottom: calc((49 / 750) * 100vw);
    padding: calc((25 / 750) * 100vw) calc((40 / 750) * 100vw);
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-08 .contents > div:last-child h4 + p + p img {
    width: calc((550 / 750) * 100vw);
  }
  
  .s-08 .contents > div:last-child p:last-child {
    box-sizing: border-box;
    width: calc((630 / 750) * 100vw);
    margin-top: calc((45 / 750) * 100vw);
    padding: calc((20 / 750) * 100vw) calc((84 / 750) * 100vw);
  }
  
  
  
  .s-09 .closing {
    background: url(../img/lpdi_sample_b/s-09-bg-01-sp.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  
  
  
  .s-10 {
    padding: calc((91 / 750) * 100vw) 0 calc((78 / 750) * 100vw);
  }
  
  .s-10 .inner {
    width: calc((630 / 750) * 100vw);
  }
  
  .s-10 h2 {
    display: table;
    margin: 0 auto;
    font-size: calc((30 / 750) * 100vw);
  }
  
  .s-10 h2 .f-36 {
    font-size: calc((40 / 750) * 100vw);
  }
  
  .s-10 h2 .f-32 {
    font-size: calc((36 / 750) * 100vw);
  }
  
  .s-10 .box {
    margin: 0 0 calc((40 / 750) * 100vw);
    padding: calc((45 / 750) * 100vw) calc((30 / 750) * 100vw);
  }
  
  .s-10 .box.box:nth-child(odd) {
    margin-bottom: calc((50 / 750) * 100vw);
  }
  
  .s-10 h2 + .box {
    margin-top: calc((70 / 750) * 100vw);
  }
  
  .s-10 .box header {
    padding: calc((20 / 750) * 100vw) calc((24 / 750) * 100vw) calc((30 / 750) * 100vw);
  }
  
  .s-10 .box .flex:first-child > h3 {
    width: calc((112 / 750) * 100vw);
    height: auto;
    margin: calc((-30 / 750) * 100vw) 0 0 calc((-34 / 750) * 100vw);
  }
  
  .s-10 .box .flex > h3 img {
    margin: 0 !important;
  }
  
  .s-10 .box:nth-child(even) .flex:first-child > p:nth-child(2) {
    width: calc((90 / 750) * 100vw);
    margin: 0 calc((15 / 750) * 100vw);
  }
  
  .s-10 .box .flex:first-child > div {
    display: flex;
  }
  
  .s-10 .box .flex:first-child > div p:first-child {
    width: calc((100 / 750) * 100vw);
    margin-right: calc((22 / 750) * 100vw);
    padding: calc((5 / 750) * 100vw) 0;
    text-align: center;
    font-size: calc((24 / 750) * 100vw);
  }
  
  .s-10 .box .flex:first-child > div p:last-child {
    flex: 1;
    font-size: calc((22 / 750) * 100vw);
  }
  
  .s-10 .box .flex:first-child > div p:last-child .f-16 {
    font-size: calc((20 / 750) * 100vw);
  }
  
  .s-10 .box:nth-child(odd) .flex:first-child > h3 {
    width: calc((112 / 750) * 100vw);
    height: auto;
    margin: calc((-30 / 750) * 100vw) calc((-34 / 750) * 100vw) 0 0;
  }
  
  .s-10 .box:nth-child(odd) .flex:first-child > p:first-child {
    width: calc((90 / 750) * 100vw);
    margin: 0 calc((15 / 750) * 100vw) 0 0;
  }
  
  .s-10 .box:nth-child(odd) .flex:first-child > div p:last-child {
    margin-right: calc((15 / 750) * 100vw);
  }
  
  .s-10 .box header h4 {
    margin: calc((18 / 750) * 100vw) 0 calc((14 / 750) * 100vw);
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-10 .box header h4 + p {
    font-size: calc((24 / 750) * 100vw);
  }
  
  .s-10 .box dl.flex {
    margin-top: calc((24 / 750) * 100vw);
  }
  
  .s-10 .box dt, .s-10 .box dt {
    font-size: calc((22 / 750) * 100vw);
  }
  
  .s-10 .box > h4 {
    display: table;
    margin: calc((28 / 750) * 100vw) auto calc((20 / 750) * 100vw);
    padding: calc((5 / 750) * 100vw) calc((15 / 750) * 100vw);
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-10 .box > h4 + p {
    font-size: calc((26 / 750) * 100vw);
    margin-bottom: 0;
    padding-bottom: calc((20 / 750) * 100vw);
  }
  
  .s-10 .list {
    margin: calc((24 / 750) * 100vw) 0 0;
    padding: calc((58 / 750) * 100vw) calc((25 / 750) * 100vw) calc((48 / 750) * 100vw);
  }
  
  .s-10 .list h4 {
    margin: calc((-76 / 750) * 100vw) auto calc((31 / 750) * 100vw);
    padding: calc((5 / 750) * 100vw) calc((40 / 750) * 100vw);
    border-radius: 3px;
  }
  
  .s-10 .list li {
    padding-left: calc((28 / 750) * 100vw);
    text-indent: calc((-28 / 750) * 100vw);
  }
  
  .s-10 .box + p {
    margin: calc((50 / 750) * 100vw) 0 calc((60 / 750) * 100vw);
    padding-bottom: calc((50 / 750) * 100vw);
    font-size: calc((36 / 750) * 100vw);
    background-size: calc((126 / 750) * 100vw) calc((26 / 750) * 100vw);
  }
  
  .s-10 .box + p + p {
    font-size: calc((30 / 750) * 100vw);
    margin-bottom: calc((60 / 750) * 100vw);
  }
  
  .s-10 > .inner > p:last-child {
    margin-top: calc((50 / 750) * 100vw)
  }
  
  
  
  .s-11 {
    height: calc((589 / 750) * 100vw); 
    background: url(../img/lpdi_sample_b/s-11-bg-01-sp.jpg) no-repeat;
    background-size: cover;
  }
  
  .s-11 p {
    padding-top: calc((111 / 750) * 100vw);
  }
  
  .s-11 p img {
    width: calc((422 / 750) * 100vw);
  }
  
  
  
  .s-12 {
    padding: calc((207 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
  }
  
  .s-12 h2 {
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-12 h2 .medium {
    margin-bottom: calc((33 / 750) * 100vw);
    padding: 0 0 calc((6 / 750) * 100vw);
  }
  
  .s-12 h2 .f-28 {
    font-size: calc((32 / 750) * 100vw);
  }
  
  .s-12 h2 .f-38 {
    padding: 0;
    font-size: calc((42 / 750) * 100vw);
  }
  
  .s-12 h2 .f-42 {
    font-size: calc((46 / 750) * 100vw);
  }
  
  .s-12 h2 + p {
    margin: calc((20 / 750) * 100vw) auto calc(((115) / 750) * 100vw);
  }
  
  .s-12 .box {
    padding: calc((4 / 750) * 100vw) calc((29 / 750) * 100vw) calc((39 / 750) * 100vw);
  }
  
  .s-12 h3 {
    margin: 0 calc((-25 / 750) * 100vw);
    padding: calc((16 / 750) * 100vw) 0 calc((10 / 750) * 100vw);
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-12 h3 span {
    font-size: calc((32 / 750) * 100vw);
  }
  
  .s-12 h3 img {
    width: calc((102 / 750) * 100vw);
    top: calc((-82 / 750) * 100vw);
    left: calc(50% - calc((51 / 750) * 100vw));
  }
  
  .s-12 dt {
    margin: calc((41 / 750) * 100vw) 0 calc((22 / 750) * 100vw);
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-12 dt img {
    width: calc((46 / 750) * 100vw);
    margin: 0 calc((15 / 750) * 100vw) 0 0;
  }
  
  .s-12 dd {
    font-size: calc((24 / 750) * 100vw);
  }
  
  .s-12 dl + p {
    margin: calc((18 / 750) * 100vw) 0 0;
    font-size: calc((20 / 750) * 100vw);
  }
  
  .s-12 .box:after {
    width: calc((32 / 750) * 100vw);
    height: calc((55 / 750) * 100vw);
    left: calc(50% - calc((32 / 750) * 100vw) / 2);
    bottom: calc((-55 / 750) * 100vw);
    background-position: 50% 100%;
    background-size: cover;
  }
  
  .s-12 .box:nth-child(n+2) {
    margin-top: calc((150 / 750) * 100vw);
  }
  
  
  
  .s-13 {
    padding: 0 0 calc((94 / 750) * 100vw);
  }
  
  .s-13 h2 {
    margin: 0 0 calc((62 / 750) * 100vw);
    padding: calc((22 / 750) * 100vw) 0;
    font-size: calc((36 / 750) * 100vw);
  }
  
  .s-13 h2:after {
    width: calc((74.31 / 750) * 100vw);
    height: calc((27.17 / 750) * 100vw);
    left: calc(50% - (74.31 / 750) * 100vw / 2);
    bottom: calc((-27.17 / 750) * 100vw);
    background-position: 50% 100%;
    background-size: cover;
  }
  
  .s-13 .inner {
    padding: 0 calc((60 / 750) * 100vw);
  }
  
  .s-13 li {
    margin: calc((50 / 750) * 100vw) 0 calc((50 / 750) * 100vw) calc(((105 / 2) / 750) * 100vw);
    padding: calc((20 / 750) * 100vw) calc((50 / 750) * 100vw) calc((20 / 750) * 100vw) calc((66 / 750) * 100vw);
  }
  
  .s-13 li:first-child {
    margin: calc((50 / 750) * 100vw) 0 calc((50 / 750) * 100vw) calc(((105 / 2) / 750) * 100vw);
  }
  
  .s-13 li:last-child {
    margin: calc((50 / 750) * 100vw) 0 calc((50 / 750) * 100vw) calc(((105 / 2) / 750) * 100vw);
    padding-right: calc((180 / 750) * 100vw);
  }
  
  
  .s-13 li .f-26 {
    font-size: calc((30 / 750) * 100vw);
  }
  
  .s-13 li .f-20 {
    font-size: calc((24 / 750) * 100vw);
  }
  
  .s-13 .time {
    width: calc((105 / 750) * 100vw);
    top: calc(50% - ((105 / 2) / 750) * 100vw);
    left: calc((-105 / 750) * 100vw / 2);
  }
  
  .s-13 li:first-child .time , .s-13 li:last-child .time {
    top: calc((20 / 750) * 100vw);
  }
  
  .s-13 .img-01 {
    width: calc((123 / 750) * 100vw);
    top: calc((-73 / 750) * 100vw);
    left: calc((419 / 750) * 100vw);
  }
  
  .s-13 .img-02 {
    width: calc((90.52 / 750) * 100vw);
    top: calc((-34 / 750) * 100vw);
    left: calc((382 / 750) * 100vw);
  }
  
  .s-13 .img-03 {
    width: calc((98 / 750) * 100vw);
    top: calc((44 / 750) * 100vw);
    left: calc((449 / 750) * 100vw);
  }
  
  .s-13 ul + p {
    margin-top: calc((22 / 750) * 100vw);
    font-size: calc((20 / 750) * 100vw);
    text-align: left;
  }
  
  
  
  .s-14 {
    padding: calc((81 / 750) * 100vw) 0 calc((104 / 750) * 100vw);
  }
  
  .s-14 h2 {
    font-size: calc((42 / 750) * 100vw);
  }
  
  .s-14 h2 + p {
    margin: calc((36 / 750) * 100vw) 0 calc((73 / 750) * 100vw);
  }
  
  .s-14 img {
    width: calc((630 / 750) * 100vw);
  }
  
  .s-14 .f-22 {
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-14 p:last-child {
    width: calc((600 / 750) * 100vw);
    height: calc((129 / 750) * 100vw);
    background-size: calc((600 / 750) * 100vw) calc((129 / 750) * 100vw);
    font-size: calc((36 / 750) * 100vw);
  }
  
  
  
  .s-15 {
    padding: calc((100 / 750) * 100vw) 0 calc((64 / 750) * 100vw);
  }
  
  .s-15 .box {
    padding: calc((71 / 750) * 100vw) calc((30 / 750) * 100vw) calc((55 / 750) * 100vw);
  }
  
  .s-15 h2 {
    margin-bottom: calc((31 / 750) * 100vw);
    padding: calc((11 / 750) * 100vw) 0;
    font-size: calc((36 / 750) * 100vw);
  }
  
  .s-15 h3.office {
    margin: 0 0 calc((36 / 750) * 100vw);
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-15 h3.office span {
    width: calc((548 / 750) * 100vw);
  }
  
  .s-15 .office_content_header {
    margin: 0 auto calc((26 / 750) * 100vw);
    width: 100%;
        height: auto;
  }

    .s-15 .office_content_header img {
        width: inherit;
        height: inherit;
    }

  .s-15 .office_content_header iframe {
    height: 300px;
  }

  .s-15 .box.not-it img {
    width: 100%;
  }
  
  .s-15 .box img.manager_image {
    height: auto;
  }

  .s-15 .box .inner {
    padding: 0 calc((40 / 750) * 100vw);
  }
  
  .s-15 .box .inner .flex:first-child {
    flex-direction: column;
  }
  
  .s-15 .f-18 {
    font-size: calc((22 / 750) * 100vw);
  }
  
  .s-15 .box .inner .flex:first-child > div:last-child {
    margin: calc((20 / 750) * 100vw) 0 0;
  }
  
  .s-15 .info {
    margin: calc((10 / 750) * 100vw) 0 0;
  }
  
  .s-15 .info div {
    margin-top: calc((20 / 750) * 100vw);
    padding-top: calc((20 / 750) * 100vw);
  }
  
  .s-15 .pics {
    margin-top: calc((41 / 750) * 100vw);
  }
  
  .s-15 .pics figure {
    width: 33.333333333%;
  }
  
  .s-15 .message {
    margin-top: calc((84 / 750) * 100vw);
  }
  
  .s-15 .message div:first-child {
    width: 46%;
  }
  
  .s-15 .message div:last-child {
    width: 54%;
  }
  
  .s-15 .message h3 {
    margin: 0 calc((15 / 750) * 100vw) 0 calc((-70 / 750) * 100vw);
    padding: calc((60 / 750) * 100vw) calc((23 / 750) * 100vw) calc((60 / 750) * 100vw) calc((70 / 750) * 100vw);
    text-align: left;
  }
  
  .s-15 .message div:first-child p {
    margin: calc((40 / 750) * 100vw) 0 0;
    font-size: calc((22 / 750) * 100vw);
  }
  
  .s-15 .message div:first-child p .f-22 {
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-15 .message + p.inner {
    margin-top: calc((35 / 750) * 100vw);
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-15 h3.office:not(:first-of-type) {
    margin: calc((98 / 750) * 100vw) 0 calc((35 / 750) * 100vw);
  }
  
  .s-15 img, .s-15 iframe {
    width: 100%;
  }
  
  .s-15 .not-it {
    margin-top: calc((64 / 750) * 100vw);
  }
  
  .s-15 .not-it .flex {
    flex-direction: column;
  }
  
  .s-15 .not-it .flex > div {
    width: 100% !important;
  }
  
  .s-15 .not-it .f-22 {
    font-size: calc((26 / 750) * 100vw);
    text-align: center;
  }
  
  .s-15 .btn {
    margin-top: calc((42 / 750) * 100vw);
    font-size: calc((34 / 750) * 100vw);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  }
  
  .s-15 .not-it .flex + h3 {
    margin-top: calc((73 / 750) * 100vw);
  }
  
  .s-16 {
    padding: 0 0 calc((100 / 750) * 100vw);
  }
  
  .s-16 h2 {
    margin-bottom: calc((47 / 750) * 100vw);
    padding: calc((18 / 750) * 100vw) 0;
  }
  
  .s-16 h2:after {
    width: calc((74.31 / 750) * 100vw);
      height: calc((27.17 / 750) * 100vw);
      left: calc(50% - (74.31 / 750) * 100vw / 2);
      bottom: calc((-27.17 / 750) * 100vw);
      background-position: 50% 100%;
      background-size: cover;
  }
  
  .s-16 .box {
    padding: calc((70 / 750) * 100vw) calc((70 / 750) * 100vw);
  }
  
  .s-16 h3 {
    margin-bottom: calc((42 / 750) * 100vw);
    padding: calc((11 / 750) * 100vw) 0;
    font-size: calc((36 / 750) * 100vw);
  }
  
  .s-16 .flex {
    padding: 0 calc((40 / 750) * 100vw);
  }
  
  .s-16 li {
    width: 50%;
  }
  
  
  
  .s-17 {
    padding: calc((100 / 750) * 100vw) 0 calc((92 / 750) * 100vw);
  }
  
  .s-17 .inner {
    padding: 0 calc((48 / 750) * 100vw);
  }
  
  .s-17 h2 {
    font-size: calc((36 / 750) * 100vw);
  }
  
  .s-17 h3 {
    margin: calc((58 / 750) * 100vw) 0 calc((27 / 750) * 100vw);
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-17 h3 span {
    width: calc((416 / 750) * 100vw);
  }
  
  .s-17 iframe {
    height: calc((406 / 750) * 100vw);
  }
  
  .s-17 .btn {
    margin: calc((68 / 750) * 100vw) auto calc((16 / 750) * 100vw);
    padding: calc((33 / 750) * 100vw) 0;
  }
  
  .s-17 .btn img {
    width: calc((399 / 750) * 100vw);
  }
  
  
  
  .s-18 .closing {
    background: url(../img/lpdi_sample_b/s-18-bg-01-sp.jpg) no-repeat;
    background-size: cover;
  }
  
  .s-18 .txt {
    height: calc((70 / 750) * 100vw);
    padding: calc((6 / 750) * 100vw) calc((6 / 750) * 100vw) calc((6 / 750) * 100vw) calc((12 / 750) * 100vw);
    top: calc((340 / 750) * 100vw);
    left: calc(50% - calc((170 / 750) * 100vw));
    font-size: calc((36 / 750) * 100vw);
  }
  
  .s-18 .txt:after {
    left: calc((-26 / 750) * 100vw);
    border-width: 0 0 calc((70 / 750) * 100vw) calc((26 / 750) * 100vw);
  }
  
  .s-18 .closing h2 {
    margin-top: calc((460 / 750) * 100vw);
  }
  
  
  
  .s-19 {
    padding: calc((89 / 750) * 100vw) 0 calc((94 / 750) * 100vw);
  }
  
  .s-19 td {
    padding: calc((22 / 750) * 100vw) 0;
    font-size: calc((22 / 750) * 100vw);
  }
  
  
  
  .s-20 {
    padding: calc((100 / 750) * 100vw) 0 calc((93 / 750) * 100vw);
  }
  
  .s-20 .inner {
    width: calc((550 / 750) * 100vw);
    margin: 0 auto;
  }
  
  .s-20 .flex {
    flex-direction: column;
  }
  
  .s-20 .flex > div {
    width: 100%;
    margin: 0 auto calc((60 / 750) * 100vw);
    padding: calc((50 / 750) * 100vw) calc((30 / 750) * 100vw);
  }
  
  .s-20 .f-26 {
    font-size: calc((30 / 750) * 100vw);
  }
  
  .s-20 .f-22 {
    font-size: calc((26 / 750) * 100vw);
  }
  
  .s-20 .flex + p {
    margin: 0;
    font-size: calc((20 / 750) * 100vw);
  }
  
  
  
  .footer {
    padding: calc((80 / 750) * 100vw);
    padding-bottom: 89px;
  }
  
  .footer .f-18 {
    font-size: calc((22 / 750) * 100vw);
  }
  
  .footer .f-14 {
    font-size: calc((18 / 750) * 100vw);
  }

  .mobile-btn {
    top: 0;
    width: 12.6%;
    height: auto;

    border: solid 1px #e9482d;
    aspect-ratio: 1;
  }

  .mobile-btn div span {
    width: 25px;
    margin-left: -12px;
  }

  .mobile-btn div.text {
    bottom: 0;
    font-size: 13px;
  }

  .mobile-btn.active .icon div {
    top: -9px;
  }

  .mobile-btn.active .icon span {
    top: 45%;
  }

  .mobile-btn.active .icon span:nth-child(1) {
    width: 17px !important;
  }

  .mobile-btn.active .icon span:nth-child(3) {
    width: 17px !important;
  }
}

@media (max-width: 767px){
  .pagetop {
    bottom: 80px;
  }

  .pagetop.show {
    right: 5%;
  }

  .s-15 .pics {
    flex-direction: column;
  }

  .s-15 .pics figure, 
  .s-15 .pics figure.two-pictures, 
  .s-15 .pics figure.one-picture {
    width: 76.5%;
    margin: 0 auto 30px;
  }

  .s-15 .pics figure:first-of-type {
    margin: 0 auto 20px;
  }

  .fixed_footer {
      padding: 10px 0 0;
  }

  .fixed_footer .inner {
    padding: 0;
  }

  .fixed_footer .group {
    padding-bottom: 20px;
  }

  .fixed_footer .tel {
    align-items: center;
    margin-right: 20px;
    font-size: 1.35em;
    padding: 6px 15px;
  }

  .fixed_footer .tel > p {
    display: none;
    transform: translateX(-40px);
  }
  
  .fixed_footer .tel .tel_num {
    padding-top: 0;
    padding-left: 18px;
    background-position-y: 20%;
    background-size: 10%;
  }

  .fixed_footer .tel .tel_num > p {
    display: block;
  }

  .fixed_footer .to_content {
    font-size: 1.1em;
    padding: 10px 20px;
  }
}

@media screen and (max-width: 720px){
  .btn .f-30 {
    font-size: calc((34 / 750) * 100vw);
  }
}

@media (max-width: 500px){
  .footer {
    padding-bottom: 60px;
  }

  .fixed_footer {
      padding: 5px 0 0;
  }

  .fixed_footer .group {
    padding-bottom: 10px;
  }

  .fixed_footer .tel {
    margin-right: 0;
    font-size: 1.15em;
    padding: 6px 10px;
  }

  .fixed_footer .to_content {
    font-size: 1em;
    padding: 8px 15px;
  }

  .mobile-btn {
    right: 18px;
  }
}

@media screen and (max-width: 424px){
  .spMS-none {
    display: none;
  }
  .spMS-br {
    display: block;
  }

  .s-01 .inner.flex > p > span {
    line-height: 1.2;
  }
  .fixed_footer .to_content {
    line-height: 1.2;
  }
}

@media (max-width: 382px){
  .footer {
    padding-bottom: 78px;
  }

  .fixed_footer .tel .tel_num {
    padding-left: 20px;
    background-position-y: 26%;
    background-size: 12%;
  }

  .fixed_footer .to_content .small {
    display: block;
  }
}

@media (max-width: 350px){
  .fixed_footer {
    padding: 0;
  }

  .fixed_footer .tel {
    justify-content: center;
  }
}