@charset "UTF-8";
body {
  color: #fff;
}

#page_wrapper {
  overflow-x: hidden;
}

#pankuzu.white {
  margin-bottom: 0;
}
#pankuzu.white ol li {
  color: #fff;
}
#pankuzu.white ol li span {
  color: #fff;
}
#pankuzu.white ol li a {
  color: #fff;
}

#page_content {
  padding-bottom: 0;
}
@media screen and (max-width: 750px) {
  #page_content {
    padding-top: 0;
  }
}

#page_content.kv_cover #pankuzu {
  position: absolute;
  top: 20px;
  width: 100%;
}
#page_content.kv_cover #pankuzu + main {
  position: relative;
  z-index: 1;
  margin-top: -20px;
}

/*
共通アイテム
*/
.white_kv {
  background: #fff;
  min-height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.white_kv h1 {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}
.white_kv h1 img {
  max-width: 600px;
  width: 74.66vw;
}
@media screen and (max-width: 1440px) {
  .white_kv h1 {
    margin-left: 9%;
  }
}
@media screen and (max-width: 834px) {
  .white_kv {
    min-height: 370px;
  }
  .white_kv h1 {
    margin-left: 10%;
  }
  .white_kv h1 img {
    width: 74.66vw;
  }
}

/* a.b_lined */
a.b_lined {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  min-height: 82px;
  box-sizing: border-box;
  padding: 1em 0 1em 0.8em;
  border: solid 1px rgba(255, 255, 255, 0.6);
  border-left: none;
  border-right: none;
  text-decoration: none;
}
a.b_lined i {
  width: 0.56em;
  height: 0.56em;
  display: block;
  position: absolute;
  top: 50%;
  right: 1.8em;
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  transform: rotate(45deg) translateY(-54%);
  transition-delay: 0.6s;
  transition-duration: 0.3s;
}
a.b_lined:hover i {
  right: 0.8em;
}
a.b_lined.gray {
  color: #626262;
  border-color: #c6c6c6;
}
a.b_lined.gray i {
  border-color: #626262;
}

a.b_lined:before,
a.b_lined:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 0;
  height: 1;
  background: #fff;
  transition-duration: 0.3s;
}

a.b_lined.gray:before,
a.b_lined.gray:after {
  background: #626262;
}

a.b_lined:after {
  top: auto;
  bottom: 0;
}

a.b_lined:hover:before,
a.b_lined:hover:after {
  width: 100%;
}

br.pc_hide {
  display: none;
}

br.sp_hide {
  display: inline;
}

@media screen and (max-width: 834px) {
  br.pc_hide {
    display: inline;
  }
  br.sp_hide {
    display: none;
  }
}
/* 
*pic_box 
*/
.pic_box {
  width: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
}
.pic_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition-duration: 0.3s;
}
.pic_box img.hov:hover {
  width: 110%;
  left: -5%;
  top: -5%;
  opacity: 1;
}

/*
link_arrow
*/
.link_arrow {
  display: flex;
  flex-direction: row-reverse;
  font-size: 16px !important;
}
.link_arrow a {
  display: inline-block;
  padding-left: 1em;
  position: relative;
  /*
  &:hover{
      transform:translateX(+20%);
  }
  */
}
.link_arrow a:before {
  content: "▶︎";
  display: inline-block;
  margin-right: 0.4em;
  transition-duration: 0.3s;
  position: absolute;
  top: 0;
  left: -0.2em;
}

.animated {
  opacity: 0;
}

.sect_bg {
  width: 100vw;
  height: 100vh;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.sect_bg.fixed {
  position: fixed !important;
}

body {
  color: #fff;
}

#pankuzu {
  position: relative;
  z-index: 2;
}

/*
丸いナビ
*/
.local_maru_links {
  margin: 0 24px;
  width: 40%;
  max-width: 320px;
}
.local_maru_links svg {
  width: 316px;
  height: 350px;
}
.local_maru_links svg a .cls-3 {
  transition-duration: 0.3s;
}
.local_maru_links svg a:hover .cls-3 {
  fill: #444;
}
.local_maru_links svg a:hover .cls-4 {
  fill: #fff;
}
@media screen and (max-width: 750px) {
  .local_maru_links {
    margin: 0 auto 4vw;
    width: 80%;
    max-width: 100%;
    text-align: center;
  }
  .local_maru_links svg {
    width: 62vw;
    height: 70vw;
  }
}

/*
*絶強フッタ
*/
.myfooter {
  padding: 72px 0 100px;
  color: #fff;
  letter-spacing: 0.05em;
  width: 100%;
  height: 450px;
  box-sizing: border-box;
  position: relative;
  z-index: 6;
  background: url(../img/sect1_bg.jpg) center center;
  background-size: cover;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 920px) {
  .myfooter {
    height: 680px;
  }
}
@media screen and (max-width: 834px) {
  .myfooter {
    padding: 9vw 0 8.5vw;
  }
}
@media screen and (max-width: 750px) {
  .myfooter {
    height: auto;
    padding: 12vw 0 13vw;
  }
}
.myfooter__conts {
  height: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding-left: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 920px) {
  .myfooter__conts {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
  }
}
@media screen and (max-width: 750px) {
  .myfooter__conts {
    display: block;
    height: auto;
  }
}
.myfooter__conts strong {
  width: 120px;
}
@media screen and (max-width: 750px) {
  .myfooter__conts strong {
    text-align: center;
    display: block;
    margin: 0 auto 5vw;
  }
  .myfooter__conts strong img {
    width: 100%;
  }
}
.myfooter__conts div {
  width: 590px;
  display: flex;
  justify-content: space-between;
}
.myfooter__conts div p {
  width: 276px;
  height: 306px;
}
.myfooter__conts div p svg {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 750px) {
  .myfooter__conts div {
    width: 100%;
    display: block;
    margin: 0 auto 4vw;
  }
  .myfooter__conts div p {
    margin: 0 auto 4vw;
    width: 80%;
    max-width: 100%;
    text-align: center;
    height: auto;
  }
  .myfooter__conts div p svg {
    width: 62vw;
    height: 70vw;
  }
}
.myfooter__conts ul {
  width: 140px;
}
.myfooter__conts ul li {
  margin-bottom: 1.3em;
}
.myfooter__conts ul li:first-of-type {
  margin-bottom: 3em;
}
.myfooter__conts ul li:last-of-type {
  margin-top: 3em;
  margin-bottom: 0;
}
.myfooter__conts ul li a {
  color: #fff;
}
@media screen and (max-width: 920px) {
  .myfooter__conts ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
  }
  .myfooter__conts ul li {
    margin: 0 0.6em 1em;
  }
  .myfooter__conts ul li:last-of-type {
    margin-top: 0;
  }
}
@media screen and (max-width: 750px) {
  .myfooter__conts ul {
    width: 90%;
    margin: 0 auto;
  }
  .myfooter__conts ul li {
    width: 33%;
    margin: 0 auto;
    padding: 1.4em 0 0;
    text-align: center;
    width: 28%;
  }
  .myfooter__conts ul li:first-of-type {
    margin-bottom: 0;
  }
  .myfooter__conts ul li:last-of-type {
    padding-top: 1.4em;
  }
  .myfooter__conts ul li a {
    font-size: 2.6666666667vw;
  }
}
.myfooter:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
}

#page_footer {
  z-index: 6;
  position: relative;
  /*
  color:#222;
  background:#fff;
  a{
      color:#222!important;
  }
  */
}

/*
*災害系ページレイアウト
*/
.saigai_lo {
  position: relative;
  color: #626262;
  /*
  アコーディオンコンテンツ
  */
}
.saigai_lo .sect__box {
  border-bottom: transparent solid 1px;
}
.saigai_lo:before {
  content: "";
  display: block;
  height: 580px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #000 no-repeat center center;
}
@media screen and (max-width: 1440px) {
  .saigai_lo:before {
    background-position: left center;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo:before {
    background-position: top center;
    height: 100%;
    background-size: contain;
  }
}
.saigai_lo > main {
  position: relative;
}
.saigai_lo .kv {
  height: 556px;
  padding-top: 148px;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .saigai_lo .kv {
    margin-left: 0;
    height: 109.3333333333vw;
    display: block;
    padding: 13.6vw 6.6666666667vw 0;
  }
}
.saigai_lo .kv > div {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: #fff;
}
@media screen and (max-width: 1440px) {
  .saigai_lo .kv > div {
    margin-left: 9%;
  }
}
.saigai_lo .kv > div i {
  width: 254px;
  margin-right: 40px;
}
@media screen and (max-width: 750px) {
  .saigai_lo .kv > div i {
    width: 42.6666666667vw;
    display: block;
    margin: 0 auto 8vw;
  }
  .saigai_lo .kv > div i img {
    width: 100%;
    transform: translateX(10%);
  }
}
.saigai_lo .kv > div > div {
  flex: 1;
}
.saigai_lo .kv > div > div h1 {
  font-size: 64px;
  font-family: "Shippori mincho";
  line-height: 1;
  padding-bottom: 44px;
  margin-bottom: 16px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .saigai_lo .kv > div > div h1 {
    font-size: 11.7333333333vw;
    padding-bottom: 8vw;
    margin-bottom: 3.4666666667vw;
  }
}
.saigai_lo .kv > div > div h1:after {
  content: "";
  display: block;
  background: #fff;
  width: 60px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 750px) {
  .saigai_lo .kv > div > div h1:after {
    width: 13.3333333333vw;
  }
}
.saigai_lo .kv > div > div p {
  font-size: 20px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  .saigai_lo .kv > div > div p {
    font-size: 4.8vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 834px) {
  .saigai_lo .kv {
    min-height: 370px;
  }
  .saigai_lo .kv > div {
    margin-left: 10%;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .kv > div {
    margin-left: 0;
    display: block;
  }
}
.saigai_lo > main > section:last-of-type .sect1__box:last-of-type {
  margin-bottom: 0 !important;
}
.saigai_lo > main > section:last-of-type .sect__box:last-of-type {
  margin-bottom: 0 !important;
}
.saigai_lo .sect1 {
  background: #f2f1f0;
  padding: 120px 0 200px;
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect1 {
    padding: 18.6666666667vw 0 26.1333333333vw;
  }
}
.saigai_lo .sect1__box1 {
  margin: 0 0 100px calc((100vw - 1180px) * 0.5);
}
@media screen and (max-width: 1276px) {
  .saigai_lo .sect1__box1 {
    margin-left: 4vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect1__box1 {
    display: block;
    margin-bottom: 0;
  }
}
.saigai_lo .sect1__box1 .tp_wrapper {
  position: relative;
  z-index: 1;
}
.saigai_lo .sect1__box1 .tp_wrapper .txt {
  padding-top: 80px;
}
.saigai_lo .sect1__box1 .tp_wrapper .txt .subttl {
  font-size: 20px;
  display: inline-block;
  background: #7d796f;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  padding: 0.3em 0.6em;
  margin-bottom: 40px;
}
.saigai_lo .sect1__box1 .tp_wrapper .txt h2 {
  font-size: 40px;
  font-family: "Shippori mincho";
  color: #626262;
  line-height: 1.84;
  letter-spacing: 0.05em;
  margin-bottom: 50px;
}
.saigai_lo .sect1__box1 .tp_wrapper .txt .msg {
  font-size: 18px;
  line-height: 1.9;
  letter-spacing: 0.05em;
}
.saigai_lo .sect1__box1 .tp_wrapper .pic {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 1390px) {
  .saigai_lo .sect1__box1 .tp_wrapper .txt {
    padding-top: 5.7vw;
    width: 36vw;
  }
  .saigai_lo .sect1__box1 .tp_wrapper .pic {
    width: 55.4vw;
  }
  .saigai_lo .sect1__box1 .tp_wrapper .pic img {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect1__box1 .tp_wrapper .txt {
    width: auto;
    padding: 0;
    margin-right: 4vw;
    margin-bottom: 13.3333333333vw;
  }
  .saigai_lo .sect1__box1 .tp_wrapper .txt .subttl {
    font-size: 3.7333333333vw;
    margin-bottom: 5.3333333333vw;
  }
  .saigai_lo .sect1__box1 .tp_wrapper .txt h2 {
    font-size: 6.9333333333vw;
    margin-bottom: 9.3333333333vw;
    line-height: 1.7;
  }
  .saigai_lo .sect1__box1 .tp_wrapper .txt .msg {
    font-size: 4.5333333333vw;
  }
  .saigai_lo .sect1__box1 .tp_wrapper .pic {
    width: 100%;
    position: relative;
    right: auto;
    top: auto;
  }
}
.saigai_lo .sect1__box2, .saigai_lo .sect1__box3 {
  background: #fff;
  padding: 120px 0 0 0;
  margin: 0 0 100px calc((100vw - 1180px) * 0.5);
  border-bottom: solid transparent 1px;
}
@media screen and (max-width: 1276px) {
  .saigai_lo .sect1__box2, .saigai_lo .sect1__box3 {
    margin-left: 4vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect1__box2, .saigai_lo .sect1__box3 {
    display: block;
    padding: 16vw 0 0 0;
  }
}
.saigai_lo .sect1__box2__subttl, .saigai_lo .sect1__box3__subttl {
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  color: #15336c;
  margin-left: 60px;
  padding-bottom: 28px;
  position: relative;
  margin-bottom: 100px;
  letter-spacing: 0.1em;
}
.saigai_lo .sect1__box2__subttl:after, .saigai_lo .sect1__box3__subttl:after {
  height: 1px;
  width: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #7c796f;
  content: "";
}
@media screen and (max-width: 1276px) {
  .saigai_lo .sect1__box2__subttl, .saigai_lo .sect1__box3__subttl {
    margin-left: 4.7vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect1__box2__subttl, .saigai_lo .sect1__box3__subttl {
    font-size: 4.5333333333vw;
    padding-bottom: 3.7333333333vw;
    margin-bottom: 13.3333333333vw;
    margin-left: 4vw;
  }
  .saigai_lo .sect1__box2__subttl:after, .saigai_lo .sect1__box3__subttl:after {
    width: 5.3333333333vw;
  }
}
.saigai_lo .sect1__box2__cont, .saigai_lo .sect1__box3__cont {
  display: flex;
  justify-content: space-between;
  padding-left: 40px;
  margin-right: 4%;
  margin-left: 60px;
  /*width: 96%;*/
  max-width: 1120px;
  box-sizing: border-box;
}
@media screen and (max-width: 1276px) {
  .saigai_lo .sect1__box2__cont, .saigai_lo .sect1__box3__cont {
    margin-left: 4.7vw;
    padding-left: 3.13vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect1__box2__cont, .saigai_lo .sect1__box3__cont {
    display: flex;
    flex-direction: column-reverse;
    margin-left: 0;
    padding-left: 4vw;
    margin-right: 4vw;
  }
}
.saigai_lo .sect1__box2__cont__txt, .saigai_lo .sect1__box3__cont__txt {
  margin-left: 36px; /*pointのー分*/
  max-width: 480px;
  width: 47.0588235294%;
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect1__box2__cont__txt, .saigai_lo .sect1__box3__cont__txt {
    width: auto;
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 5.3333333333vw;
  }
}
.saigai_lo .sect1__box2__cont__txt .point, .saigai_lo .sect1__box3__cont__txt .point {
  font-size: 16px;
  color: #7c796f;
  position: relative;
  margin-bottom: 2em;
}
.saigai_lo .sect1__box2__cont__txt .point:before, .saigai_lo .sect1__box3__cont__txt .point:before {
  content: "";
  height: 1px;
  width: 20px;
  position: absolute;
  top: 0.6em;
  left: -36px;
  background: #7c796f;
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect1__box2__cont__txt .point, .saigai_lo .sect1__box3__cont__txt .point {
    font-size: 3.7333333333vw;
  }
  .saigai_lo .sect1__box2__cont__txt .point:before, .saigai_lo .sect1__box3__cont__txt .point:before {
    width: 2.6666666667vw;
    left: -4vw;
  }
}
.saigai_lo .sect1__box2__cont__txt h3, .saigai_lo .sect1__box3__cont__txt h3 {
  font-size: 24px;
  line-height: 2;
  font-weight: bold;
  margin-bottom: 1.8em;
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect1__box2__cont__txt h3, .saigai_lo .sect1__box3__cont__txt h3 {
    font-size: 5.3333333333vw;
    line-height: 1.9;
  }
}
.saigai_lo .sect1__box2__cont__txt .msg, .saigai_lo .sect1__box3__cont__txt .msg {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect1__box2__cont__txt .msg, .saigai_lo .sect1__box3__cont__txt .msg {
    font-size: 4.2666666667vw;
  }
}
.saigai_lo .sect1__box2__cont__txt .kome, .saigai_lo .sect1__box3__cont__txt .kome {
  font-size: 13px;
  line-height: 2;
  margin-top: 1.8em;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect1__box2__cont__txt .kome, .saigai_lo .sect1__box3__cont__txt .kome {
    font-size: 3.7333333333vw;
  }
}
.saigai_lo .sect1__box2 > .kome, .saigai_lo .sect1__box3 > .kome {
  max-width: 1120px;
  margin: 50px 4% 0 60px;
  padding-left: calc(40px + 1em);
  font-size: 13px;
  line-height: 1.9;
  text-indent: -1em;
  box-sizing: border-box;
}
@media screen and (max-width: 1276px) {
  .saigai_lo .sect1__box2 > .kome, .saigai_lo .sect1__box3 > .kome {
    margin: 50px 4% 0 4.7vw;
    padding-left: calc(3.13vw + 1em);
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect1__box2 > .kome, .saigai_lo .sect1__box3 > .kome {
    font-size: 3.7333333333vw;
    margin-left: 4vw;
    padding-left: 1em;
  }
}
.saigai_lo .sect2 {
  background: #f2f1f0;
  padding: 120px 0 200px;
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect2 {
    /*padding:pxtovw(140) 0 pxtovw(196);*/
    padding: 0 0 26.1333333333vw;
  }
}
.saigai_lo .sect2__box1 {
  /*
  margin:0 0 100px calc(( 100vw - 1180px ) * 0.5);
  @media screen and (max-width: 1276px) {
      margin-left:4vw;
  }
  */
  margin: 0 0 90px;
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect2__box1 {
    display: block;
    margin-bottom: 0;
  }
}
.saigai_lo .sect2__box1 .tp_wrapper {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  z-index: 1;
}
.saigai_lo .sect2__box1 .tp_wrapper .txt {
  padding-top: 80px;
  width: 40.9722222222%;
}
.saigai_lo .sect2__box1 .tp_wrapper .txt .subttl {
  font-size: 20px;
  display: inline-block;
  background: #7d796f;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  padding: 0.3em 0.6em;
  margin-bottom: 40px;
}
.saigai_lo .sect2__box1 .tp_wrapper .txt h2 {
  font-size: 40px;
  font-family: "Shippori mincho";
  color: #626262;
  line-height: 1.84;
  letter-spacing: 0.05em;
  margin-bottom: 50px;
}
.saigai_lo .sect2__box1 .tp_wrapper .txt .msg {
  font-size: 18px;
  line-height: 1.9;
  letter-spacing: 0.05em;
}
.saigai_lo .sect2__box1 .tp_wrapper .pic {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1390px) {
  .saigai_lo .sect2__box1 .tp_wrapper .txt {
    padding-top: 5.7vw;
    width: 36vw;
  }
  .saigai_lo .sect2__box1 .tp_wrapper .pic {
    width: 55.4vw;
  }
  .saigai_lo .sect2__box1 .tp_wrapper .pic img {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect2__box1 .tp_wrapper {
    display: block;
    margin-left: 4vw;
  }
  .saigai_lo .sect2__box1 .tp_wrapper .txt {
    width: auto;
    padding: 0;
    margin-right: 4vw;
    margin-bottom: 13.3333333333vw;
  }
  .saigai_lo .sect2__box1 .tp_wrapper .txt .subttl {
    font-size: 3.7333333333vw;
    margin-bottom: 5.3333333333vw;
  }
  .saigai_lo .sect2__box1 .tp_wrapper .txt h2 {
    font-size: 6.9333333333vw;
    margin-bottom: 9.3333333333vw;
    line-height: 1.7;
  }
  .saigai_lo .sect2__box1 .tp_wrapper .txt .msg {
    font-size: 4.5333333333vw;
  }
  .saigai_lo .sect2__box1 .tp_wrapper .pic {
    width: 100%;
    position: relative;
    right: auto;
    top: auto;
  }
}
.saigai_lo .sect2__box2 {
  background: #fff;
  padding: 100px 0 0 0;
  margin: 0 0 100px calc((100vw - 1180px) * 0.5);
}
@media screen and (max-width: 1276px) {
  .saigai_lo .sect2__box2 {
    margin-left: 4vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect2__box2 {
    display: block;
    padding: 13.3333333333vw 0 0 0;
  }
}
.saigai_lo .sect2__box2__subttl.right {
  margin-left: 100px;
  margin-right: 4%;
  max-width: 1080px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.saigai_lo .sect2__box2__subttl.right p {
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  color: #15336c;
  padding-bottom: 28px;
  position: relative;
  letter-spacing: 0.1em;
}
.saigai_lo .sect2__box2__subttl.right p:after {
  height: 1px;
  width: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #7c796f;
  content: "";
}
@media screen and (max-width: 1276px) {
  .saigai_lo .sect2__box2__subttl.right p {
    margin-left: 4.7vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect2__box2__subttl.right p {
    font-size: 4.5333333333vw;
    padding-bottom: 3.7333333333vw;
    margin-left: 4vw;
  }
  .saigai_lo .sect2__box2__subttl.right p:after {
    width: 5.3333333333vw;
  }
}
.saigai_lo .sect2__box2__subttl.right + .acdn_wrapper {
  margin-top: 100px;
}
.saigai_lo .sect2__box2__cont {
  display: flex;
  justify-content: space-between;
  padding-left: 40px;
  margin-right: 4%;
  margin-left: 60px;
  /*width: 96%;*/
  max-width: 1120px;
  box-sizing: border-box;
}
@media screen and (max-width: 1276px) {
  .saigai_lo .sect2__box2__cont {
    margin-left: 4.7vw;
    padding-left: 3.13vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect2__box2__cont {
    display: flex;
    flex-direction: column-reverse;
    margin-left: 0;
    padding-left: 4vw;
    margin-right: 4vw;
  }
}
.saigai_lo .sect2__box2__cont__txt {
  margin-left: 36px; /*pointのー分*/
  max-width: 480px;
  width: 47.0588235294%;
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect2__box2__cont__txt {
    width: auto;
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 5.3333333333vw;
  }
}
.saigai_lo .sect2__box2__cont__txt .point {
  font-size: 16px;
  color: #7c796f;
  position: relative;
  margin-bottom: 2em;
}
.saigai_lo .sect2__box2__cont__txt .point:before {
  content: "";
  height: 1px;
  width: 20px;
  position: absolute;
  top: 0.6em;
  left: -36px;
  background: #7c796f;
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect2__box2__cont__txt .point {
    font-size: 3.7333333333vw;
  }
  .saigai_lo .sect2__box2__cont__txt .point:before {
    width: 2.6666666667vw;
    left: -4vw;
  }
}
.saigai_lo .sect2__box2__cont__txt h3 {
  font-size: 24px;
  line-height: 2;
  font-weight: bold;
  margin-bottom: 1.8em;
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect2__box2__cont__txt h3 {
    font-size: 5.3333333333vw;
    line-height: 1.9;
  }
}
.saigai_lo .sect2__box2__cont__txt .msg {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect2__box2__cont__txt .msg {
    font-size: 4.2666666667vw;
  }
}
.saigai_lo .sect2__box2__cont__txt .kome {
  font-size: 13px;
  line-height: 2;
  margin-top: 1.8em;
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect2__box2__cont__txt .kome {
    font-size: 3.7333333333vw;
  }
}
.saigai_lo .sect2__box2 > .kome {
  max-width: 1120px;
  margin: 50px 4% 0 60px;
  padding-left: calc(40px + 1em);
  font-size: 13px;
  line-height: 1.9;
  text-indent: -1em;
  box-sizing: border-box;
}
@media screen and (max-width: 1276px) {
  .saigai_lo .sect2__box2 > .kome {
    margin: 50px 4% 0 4.7vw;
    padding-left: calc(3.13vw + 1em);
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .sect2__box2 > .kome {
    font-size: 3.7333333333vw;
    margin-left: 4vw;
    padding-left: 1em;
  }
}
.saigai_lo .acdn_wrapper {
  /*
  padding-bottom: 120px;
  */
  margin-bottom: 120px;
  margin-top: 110px;
  position: relative;
}
.saigai_lo .acdn_wrapper.open {
  padding-bottom: 180px;
  margin-bottom: 180px;
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper {
    margin-top: 18.6666666667vw;
    /*
    padding-bottom:pxtovw(140);
    */
    margin-bottom: 18.6666666667vw;
  }
  .saigai_lo .acdn_wrapper.open {
    padding-bottom: 24vw;
    margin-bottom: 24vw;
  }
}
.saigai_lo .acdn_wrapper .acdn__ttl {
  margin-left: 100px;
  margin-right: 4%;
  padding: 0 50px 0 45px;
  border: solid 1px #626262;
  max-width: 1080px;
  height: 120px;
  box-sizing: border-box;
  color: #15336c;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  position: relative;
}
.saigai_lo .acdn_wrapper .acdn__ttl:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: transparent 1px solid;
  transition-duration: 0.3s;
  box-sizing: border-box;
}
.saigai_lo .acdn_wrapper .acdn__ttl:hover:before {
  border: #15336c 4px solid;
}
@media screen and (max-width: 1276px) {
  .saigai_lo .acdn_wrapper .acdn__ttl {
    margin-left: 7.83vw;
    padding: 0 3.91vw 0 3.52vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .acdn__ttl {
    margin-left: 5.3333333333vw;
    margin-right: 5.3333333333vw;
    padding: 0 5.8666666667vw 0 6.6666666667vw;
    height: 18.6666666667vw;
  }
}
.saigai_lo .acdn_wrapper .acdn__ttl p {
  font-size: 20px;
}
.saigai_lo .acdn_wrapper .acdn__ttl p.close {
  display: none;
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .acdn__ttl p {
    font-size: 4.2666666667vw;
  }
}
.saigai_lo .acdn_wrapper .acdn__ttl span {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
}
.saigai_lo .acdn_wrapper .acdn__ttl span:before, .saigai_lo .acdn_wrapper .acdn__ttl span:after {
  width: 40px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  background: #15336c;
  transform: translateY(-50%);
}
.saigai_lo .acdn_wrapper .acdn__ttl span:after {
  transition-duration: 0.3s;
  transform: translateY(-50%) rotate(90deg);
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .acdn__ttl span {
    width: 9.3333333333vw;
    height: 9.3333333333vw;
  }
  .saigai_lo .acdn_wrapper .acdn__ttl span:before, .saigai_lo .acdn_wrapper .acdn__ttl span:after {
    width: 9.3333333333vw;
  }
}
.saigai_lo .acdn_wrapper .acdn__ttl.open {
  background: #15336c;
}
.saigai_lo .acdn_wrapper .acdn__ttl.open p.see {
  display: none;
}
.saigai_lo .acdn_wrapper .acdn__ttl.open p.close {
  display: block;
  color: #fff;
}
.saigai_lo .acdn_wrapper .acdn__ttl.open span:before, .saigai_lo .acdn_wrapper .acdn__ttl.open span:after {
  background: #fff;
}
.saigai_lo .acdn_wrapper .acdn__ttl.open span:after {
  transform: translateY(-50%) rotate(0deg);
}
.saigai_lo .acdn_wrapper .acdn__body {
  padding-top: 60px;
  display: none;
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .acdn__body {
    padding-top: 8vw;
  }
}
.saigai_lo .acdn_wrapper .acdn__body__conts {
  position: relative;
  padding: 90px 0 0 160px;
}
@media screen and (max-width: 1276px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts {
    padding: 90px 0 0 12.53vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts {
    padding: 4vw 0 0 5.3333333333vw;
  }
}
.saigai_lo .acdn_wrapper .acdn__body__conts .sidemark {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  padding-top: 30px;
  border-top: solid 1px #15336c;
  text-align: center;
}
.saigai_lo .acdn_wrapper .acdn__body__conts .sidemark img {
  width: 12px;
}
@media screen and (max-width: 1276px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts .sidemark {
    width: 4.7vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts .sidemark {
    display: none;
  }
}
.saigai_lo .acdn_wrapper .acdn__body__conts > div h3 {
  font-size: 28px;
  line-height: 2;
  margin-bottom: 2em;
  font-weight: bold;
  color: #15336c;
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts > div h3 {
    font-size: 5.0666666667vw;
    margin-right: 5.3333333333vw;
  }
}
.saigai_lo .acdn_wrapper .acdn__body__conts > div .tp_wrapper {
  max-width: 1020px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts > div .tp_wrapper {
    display: block;
  }
}
.saigai_lo .acdn_wrapper .acdn__body__conts > div .blue_box {
  background: #f3f5f8;
  margin-top: 100px;
  padding: 72px 0 80px 80px;
}
@media screen and (max-width: 1276px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts > div .blue_box {
    padding: 72px 0 80px 6.26vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts > div .blue_box {
    padding: 9.6vw 5.3333333333vw 10.6666666667vw 5vw;
    margin-top: 13.3333333333vw;
  }
}
.saigai_lo .acdn_wrapper .acdn__body__conts > div .blue_box h4 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 2em;
  position: relative;
}
.saigai_lo .acdn_wrapper .acdn__body__conts > div .blue_box h4 span {
  font-size: 16px;
  font-weight: normal;
}
.saigai_lo .acdn_wrapper .acdn__body__conts > div .blue_box h4 + p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 40px;
  padding-right: 2em;
}
.saigai_lo .acdn_wrapper .acdn__body__conts > div .blue_box h4:before {
  content: "";
  height: 1px;
  width: 60px;
  display: block;
  background: #15336c;
  position: absolute;
  left: -80px;
  top: 0.5em;
}
@media screen and (max-width: 1276px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts > div .blue_box h4:before {
    left: -6.26vw;
    width: 4.7vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts > div .blue_box h4:before {
    left: -5vw;
    width: 3vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts > div .blue_box h4 {
    font-size: 4.9333333333vw;
    margin-bottom: 1.7em;
  }
  .saigai_lo .acdn_wrapper .acdn__body__conts > div .blue_box h4 span {
    font-size: 3.7333333333vw;
    display: block;
    padding-top: 0.6em;
  }
  .saigai_lo .acdn_wrapper .acdn__body__conts > div .blue_box h4 + p {
    font-size: 3.7333333333vw;
    margin-bottom: 5.3333333333vw;
    padding-right: 0;
    width: auto;
  }
}
.saigai_lo .acdn_wrapper .acdn__body__conts:not(:first-of-type) {
  margin-top: 150px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts:not(:first-of-type) {
    margin-top: 20vw;
  }
}
.saigai_lo .acdn_wrapper .acdn__body__conts:not(:first-of-type):before {
  content: "";
  height: 1px;
  width: 100%;
  display: block;
  margin-left: 100px;
  background: #15336c;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1276px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts:not(:first-of-type):before {
    margin-left: 7.83vw;
  }
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .acdn__body__conts:not(:first-of-type):before {
    margin-left: 5.3333333333vw;
  }
}
.saigai_lo .acdn_wrapper .b_close_wrapper {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 160px;
  bottom: 0;
  width: calc(100% - 160px);
  max-width: 1020px;
  display: flex;
  flex-direction: row-reverse;
  cursor: pointer;
  transition-duration: 0.3s;
}
.saigai_lo .acdn_wrapper .b_close_wrapper.show {
  opacity: 1;
  visibility: visible;
}
.saigai_lo .acdn_wrapper .b_close_wrapper p.b_close {
  width: 300px;
  height: 80px;
  background: #15336c;
  color: #fff;
  box-sizing: border-box;
  padding: 0 40px;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition-duration: 0.3s;
}
.saigai_lo .acdn_wrapper .b_close_wrapper p.b_close span {
  display: block;
  width: 40px;
  height: 2px;
  background: #fff;
}
.saigai_lo .acdn_wrapper .b_close_wrapper p.b_close:hover {
  opacity: 0.7;
}
@media screen and (max-width: 750px) {
  .saigai_lo .acdn_wrapper .b_close_wrapper {
    width: 100%;
    left: 0;
    box-sizing: border-box;
    padding-right: 5.3333333333vw;
  }
  .saigai_lo .acdn_wrapper .b_close_wrapper p.b_close {
    width: 33.3333333333vw;
    height: 10.6666666667vw;
    padding: 0 4vw;
    font-size: 3.7333333333vw;
  }
  .saigai_lo .acdn_wrapper .b_close_wrapper p.b_close span {
    width: 5.3333333333vw;
  }
}/*# sourceMappingURL=common.css.map */