@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

.forSP{
  display:initial !important;
}

@media screen and (min-width: 768px){

.forSP{
    display:none !important
}
}

.forPC{
  display:none !important;
}

@media screen and (min-width: 768px){

.forPC{
    display:inline !important;
    display:initial !important
}
}

br.forSP{
  display:inline !important;
}

@media screen and (min-width: 768px){

br.forSP{
    display:none !important
}
}

br.forPC{
  display:none !important;
}

@media screen and (min-width: 768px){

br.forPC{
    display:inline !important
}
}

img.forSP{
  display:inline !important;
}

@media screen and (min-width: 768px){

img.forSP{
    display:none !important
}
}

img.forPC{
  display:none !important;
}

@media screen and (min-width: 768px){

img.forPC{
    display:inline !important
}
}

span.forSP{
  display:inline !important;
}

@media screen and (min-width: 768px){

span.forSP{
    display:none !important
}
}

span.forPC{
  display:none !important;
}

@media screen and (min-width: 768px){

span.forPC{
    display:inline !important
}
}

div.forSP{
  display:block !important;
}

@media screen and (min-width: 768px){

div.forSP{
    display:none !important
}
}

div.forPC{
  display:none !important;
}

@media screen and (min-width: 768px){

div.forPC{
    display:block !important
}
}

h1{
  position:relative;
  font-size:3.6rem;
  font-weight:bold;
  line-height:1.4;
  color:#44433d;
}

h1 span{
  display:block;
  font-family:'Roboto', sans-serif;
  font-size:2.0rem;
  font-weight:normal;
  color:#7d001a;
  margin-bottom:5px;
}

h2{
  font-size:3.2rem;
  color:#506499;
  margin-bottom:30px;
}

h2,h3{
  position:relative;
  line-height:1.4;
  font-weight:bold;
}

h3{
  font-size:2.4rem;
  margin-bottom:20px;
}

h4{
  font-size:1.8rem;
  line-height:1.4;
  color:#506499;
}

h4,.lead{
  font-weight:bold;
}

.lead{
  font-size:3.2rem;
  line-height:1.5;
}

.lead + p{
  margin-top:20px;
}

.em{
  color:#b22222;
}

.em,.box-em p{
  font-weight:bold;
}

.box-em p{
  font-size:2rem;
  color:#506499;
  text-align:center;
}

.box-em p:last-of-type{
  font-size:2.4rem;
}

.box-em p span{
  font-size:4.4rem;
}

.box-em p.value span{
  font-family:'Roboto', sans-serif;
  font-size:8.0rem;
  line-height:1;
}

.flow-em{
  font-size:1.8rem;
  font-weight:bold;
  color:#506499;
  text-align:center;
}

.flow-em + p{
  font-size:1.4rem;
  margin-top:20px;
}

.q{
  position:relative;
  font-size:1.8rem;
  font-weight:bold;
  color:#506499;
  padding-left:40px;
}

.q::before{
  content:"──";
  position:absolute;
  top:0;
  left:0;
}

a.tel{
  font-family:'Roboto', sans-serif;
    font-size:4.8rem;
    line-height:1.2;
    font-weight:bold;
    color:#fff;
  text-decoration:none !important;
}

a.tel::before{
  content:"";
  display:inline-block;
  width:30px;
  height:38px;
  background:url(/assets/images/common/icon_tel_w.svg) no-repeat;
  vertical-align:middle;
  margin-right:5px;
    margin-bottom:6px;
}

@media screen and (max-width: 767px){
  h1{
    text-align:center;
    font-size:2.4rem;
  }
  h1 span{
    font-size:1.8rem;
    margin-bottom:5px;
  }
  h2{
    font-size:2.2rem;
    margin-bottom:20px;
  }
  h3{
    font-size:2.0rem;
    margin-bottom:15px;
  }
  h4{
    font-size:1.6rem;
  }
  .lead{
    font-size:2.0rem;
  }

  .box-em p{
    font-size:1.6rem;
  }
  .box-em p:last-of-type{
    font-size:1.8rem;
  }
  .box-em p span{
    font-size:2.6rem;
  }
  .box-em p.value span{
    font-size:5.0rem;
  }
  .flow-em{
    font-size:1.6rem;
  }
  .flow-em + p{
    margin-top:10px;
  }

  .q{
    font-size:1.6rem;
    padding-left:36px;
  }
  a.tel{
    font-size:3.8rem;
  }
  a.tel::before{
    width:25px;
    height:33px;
  }
}

@media print, screen and (max-width: 375px){
  .flow-em{
    font-size:1.5rem;
  }
}

.flexBox{
  display:-webkit-box !important;
  display:-webkit-flex !important;
  display:-ms-flexbox !important;
  display:flex !important;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
}

.flexBox::after{
  content:none;
}

.flexBox.jc-c{
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}

.flexBox.jc-sb{
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
}

.flexBox.ai-c{
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}

.flexBox.div4{
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
}

@media print, screen and (min-width: 768px){
  .w1-2{
    width:558px;
  }
  .w1-3{
    width:364px;
  }
  .w1-3.fl + .w1-3.fl{
    margin-left:24px;
  }
  .w350.fl + .w350.fl{
    margin-left:45px;
  }
  .w2-3{
    width:752px;
  }
  .w745{
      width:745px;
  }
  .w1-4{
    width:22.632%;
  }
  .w258{
    width:258px;
  }
  .w1-4.fl + .w1-4.fl{
    margin-left:3.15789%;
  }
  .w258.fl + .w258.fl{
    margin-left:36px;
  }
  .w3-4{
    width:74.211%;
  }
  .w846{
    width:846px;
  }
  .w208{
    width:208px;
  }
  .w1-5{
    width:18.246%;
  }
  .w208.fl + .w208.fl{
    margin-right:25px;
  }
  .w1-5.fl + .w1-5.fl{
    margin-right:2.194%;
  }
  .w3-5{
    width:59.123%;
  }
  .w4-5{
    width:79.562%;
  }
  .wide{
    width:100%;
  }
  .wide:not(.flexBox) > *{
    width:1140px;
    margin-left:auto;
    margin-right:auto;
  }
  .w-auto{
    width:auto;
  }

  .w1140{
    width:1140px !important;
  }

  .w980{
    width:980px;
  }

  .w745{
    width:745px;
  }

  .w300{
    width:300px;
  }
  .w300.fl{
    margin-right:40px;
  }
  .w300.fl + .w300.fr{
    margin-right:0;
  }
  .flexBox.div2{
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
  }
  .flexBox.div2 > *{
    width:470px;
    margin-bottom:0;
  }
  .flexBox.div2 > *:nth-child(n+3){
    margin-top:40px;
  }
  .flexBox.div2 > *:not(:nth-child(2n+1)){
    margin-left:40px;
  }
  .flexBox.div3{
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
  }
  .flexBox.div3 > *{
    width:300px;
    margin-bottom:0;
  }
  .flexBox.div3 > *:nth-child(n+4){
    margin-top:40px;
  }
  .flexBox.div3 > *:not(:nth-child(3n+1)){
    margin-left:40px;
  }
  .flexBox.div4 > *{
    width:224px;
    margin-bottom:0;
  }
  .flexBox.div4 > *:nth-child(n+5){
    margin-top:40px;
  }
  .flexBox.div4 > *:not(:nth-child(4n+1)){
    margin-left:28px;
  }
}

@media screen and (max-width: 767px){
  .w1-4,
  .w258{
    width:47.25%;
  }
  .flexBox.div2,
  .flexBox.div3{
    display:block !important;
  }
  .flexBox.div4 > *{
    width:47.25%;
  }
  .flexBox.div4 > *:not(:nth-child(2n+1)){
    margin-left:5.5%;
  }
}

table{
  width:100%;
  border-collapse:separate;
  border:solid 1px #dbdbdb;
}

table th,
table td{
  vertical-align:top;
  padding:10px 25px;
  border-bottom:solid 1px #dbdbdb;
}

table th ul li::before, table td ul li::before{
    background-color:#000 !important;
  }

table th{
  font-weight:bold;
  background-color:#f1ecec;
}

table thead th{
  color:#fff;
  text-align:center;
  vertical-align:middle;
  background-color:#967279;
}

table.nobreak th{
  word-break:keep-all;
}

table:not(.bv-none table):not(.normal table) th:not(:last-child),
table:not(.bv-none table):not(.normal table) td:not(:last-child){
  border-right:solid 1px #dbdbdb;
}

table:not(.normal table) tr:last-child th,table:not(.normal table) tr:last-child td{
  border-bottom:none;
}

.bv-none table{
  border-left:none;
  border-right:none;
}

table tr td table{
  border:none;
}

table tr td table tr td{
  border:none;
  padding:0;
}

table tr td table tr:not(:last-child) td{
  padding:0 0 12px;
}

table tr td table tr td:first-child{
  width:90px;
}

.normal table{
  border:none;
}

.normal table th,
.normal table td{
  background:transparent;
  padding:15px 0;
}

.normal table th:first-child{
  width:15%;
}

.normal table td:first-child{
  font-weight:bold;
}

.normal table th{
  color:#506499;
  text-align:left;
}

.normal.b-none table th,
.normal.b-none table td{
  border-bottom:none;
  padding:0;
}

.normal.b-none table td:first-child{
  font-weight:normal;
}

@media print, screen and (min-width: 768px){
  .normal table td:first-child{
    width:15%;
  }
  .normal table td.detail{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
            justify-content:space-between;
  }
}

@media screen and (max-width: 767px){
  table th,
  table td,.bv-none table th,
  .bv-none table td{
    padding:10px;
  }

  .normal table th,
  .normal table td{
    padding:10px 0;
  }
  .normal table th:first-child{
    width:30%;
  }
  .normal.b-none table th,
  .normal.b-none table td{
    padding:2px 0;
  }
  table tr td table tr:not(:last-child) td,table tr td table tr:last-child td{
    padding:0 0 6px;
  }
  .res table th,.res table td{
    width:auto !important;
    display:block;
  }
  .scroller{
    width:100% !important;
      overflow:auto !important;
      padding-left:0em;
      padding-right:0em;
  }
  .scroller table{
    font-size:14px;
    width:520px !important;
    margin:0 auto;
  }
  .scroller table th, .scroller table td{
    padding:5px 10px;
  }
  .scroller .scroll-hint-icon{
    top:50%;
    -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
  }
}

.contents ul li{
  text-indent:-18px;
  margin-left:18px;
}

.contents ul li::before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  background-color:#506499;
  border-radius:100%;
  vertical-align:middle;
  margin-right:10px;
  margin-bottom:4px;
}

.contents ul.no-marker li::before{
  background-color:transparent;
}

.contents ul:not(.inlineList ul) li + li{
  margin-top:5px;
}

.contents .check ul li{
  text-indent:-24px;
    margin-left:26px;
}

.contents .check ul li::before{
  content:"";
  width:12px;
  height:7px;
  border-left:solid 4px #ffce00;
  border-bottom:solid 4px #ffce00;
  -webkit-transform:rotate(-45deg);
          transform:rotate(-45deg);
  margin-right:8px;
    margin-bottom:4px;
  background-color:transparent !important;
  border-radius:0;
  vertical-align:unset;
}

.contents .check ul li + li:not(.pageLink li){
  margin-top:3px;
}

.noteList ul li{
  line-height:1.7;
  padding-left:16px;
  position:relative;
}

.noteList ul li:before{
  content:"※";
  position:absolute;
  top:0;
  left:0;
}

ol > li{
  line-height:1.6;
  list-style-type:none;
  counter-increment:cnt 1;
  text-indent:-17px;
    margin-left:31px;
}

ol > li + li{
  margin-top:5px;
}

ol > li:before{
  content:counter(cnt)".";
  display:inline-block;
  width:8px;
    margin-right:7px;
  text-align:right;
}

.brackets ol > li{
  text-indent:-15px;
  margin-left:24px;
}

.brackets ol > li:before{
  content:"("counter(cnt)")";
  word-break:keep-all;
}

.brackets_2n ol > li{
  text-indent:-15px;
  margin-left:24px;
}

.brackets_2n ol > li:before{
  content:"("counter(cnt)")";
  width:16px;
  word-break:keep-all;
}

.inlineList ul li{
  display:inline-block;
  margin-right:13px;
}

.flexList ul, .flexList ol{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-flow:column wrap;
        -ms-flex-flow:column wrap;
            flex-flow:column wrap;
    -webkit-align-content:space-between;
        -ms-flex-line-pack:justify;
            align-content:space-between;
  -webkit-align-content:flex-start;
      -ms-flex-line-pack:start;
          align-content:flex-start;
}

.flexList ul li , .flexList ol li{
  display:inline-block;
}

@media print, screen and (min-width: 768px){
  .flexList.row3 ul, .flexList.row3 ol{
    height:120px;
  }
  .flexList.row2 ul, .flexList.row2 ol{
    height:70px;
  }
}

@media screen and (max-width: 767px){
  .contents ul li{
    text-indent:-13px;
    margin-left:13px;
  }
  .contents ul li::before{
    width:6px;
    height:6px;
    margin-right:7px;
  }
  .contents ul li + li:not(.pageLink li){
    margin-top:5px;
  }
}

.contents .case-group{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  gap:60px 0;
}

.case-group a{
  display:block;
  background-color:#fff;
  overflow:hidden;
  color:#44433d !important;
  text-decoration:none !important;
  -webkit-box-shadow:rgba(0,0,0,.20) 0 0 16px;
          box-shadow:rgba(0,0,0,.20) 0 0 16px;
}

.case-group a h3{
  font-size:2.0rem;
  margin-bottom:15px;
}

.case-group figure{
  width:100%;
}

.case-group .inBox{
  padding:30px 30px 40px;
}

.case-group .inBox p{
  font-size:1.4rem;
  color:#7d7d7d;
}

.tag{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  margin-bottom:15px;
}

.tag span{
  display:inline-block;
  width:9em;
  height:26px;
  font-size:1.4rem;
  text-align:center;
  background-color:#ffce00;
}

.tag span + span{
  margin-left:10px;
}

@media print, screen and (min-width: 768px){
  .case-group a{
    width:538px;
  }
  .case-group a h3{
    line-height:1.75;
  }
  .case-group figure{
    height:310px;
  }
}

@media screen and (max-width: 767px){
  .contents .case-group a{
    margin-bottom:20px;
  }
  .case-group .inBox{
    height:auto;
    padding:20px 15px;
  }
  .case-group .inBox p{
    font-size:1.2rem;
  }
  .case-group a h3{
    font-size:1.8rem;
  }
  .case-group a h3,.tag{
    margin-bottom:10px;
  }
  .tag span{
    width:9em;
    height:25px;
    font-size:1.2rem;
  }
}

.pageLink{
  height:auto;
  background-color:#f7f4ea;
  border-radius:40px;
  padding:20px 0 25px;
}

.pageLink ul{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  gap:15px 0;
}

.pageLink ul li{
  position:relative;
  width:100%;
  text-indent:0;
    margin-left:0;
}

.pageLink ul li:not(:last-child){
  border-right:solid 1px #dbdbdb;
}

.pageLink ul li::before{
  content:none;
}

.pageLink ul li + li{
  margin-top:0 !important;
}

.pageLink ul li a{
  position:relative;
  display:inline-block;
  width:100%;
  font-weight:bold;
  color:#506499;
  text-align:center;
  text-decoration:none !important;
  padding-bottom:10px;
}

.pageLink a::after{
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  vertical-align:middle;
  border-top:solid 1px #506499;
  border-right:solid 1px #506499;
  bottom:3px;
  left:50%;
  -webkit-transform:translateX(-50%) rotate(135deg);
          transform:translateX(-50%) rotate(135deg);
}

@media print, screen and (min-width: 768px){
  .pageLink ul{
    -webkit-justify-content:space-around;
        -ms-flex-pack:distribute;
            justify-content:space-around;
  }
}

@media print, screen and (max-width: 767px){
  .pageLink{
    padding:15px;
  }
  .pageLink ul{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
    gap:10px 0;
  }
  .pageLink ul li{
    display:inline-block;
    width:25%;
    padding:3px 0;
  }
}

.btn a,
button.btn,
.btn.noLink p{
  position:relative;
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  z-index:2;
  overflow:hidden;

  width:100%;
  max-width:460px;
  height:80px;
  font-size:2.0rem;
  line-height:1.4;
  font-weight:bold;
  text-align:center;
  color:#fff;
  text-decoration:none !important;
  border:solid 2px #506499;
  background-color:#506499;
  padding:15px 0;
}

.btn a[target="_blank"]:not(.footer a[target="_blank"]):after{
  position:absolute;
  width:11px;
  height:10px;
  right:20px;
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  background:url(/assets/images/common/icon_blank.svg) no-repeat;
}

.btn a[target="_blank"]:not(.footer a[target="_blank"])::before{
  content:none;
}

.btn.back a::after{
  left:30px;
  right:inherit;
  background:url(/assets/images/common/icon_arrow_back.svg) no-repeat;
}

table .btn{
  -webkit-align-self:center;
      -ms-flex-item-align:center;
              -ms-grid-row-align:center;
          align-self:center;
}

table .btn a{
  width:70px;
  height:30px;
  font-size:1.4rem;
  font-weight:normal;
  color:#fff;
  background-color:#506499;
  border-radius:20px;
  border-color:#506499;
  padding:0;
}

table .btn a::after{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  border-top:solid 2px #fff;
  border-right:solid 2px #fff;
  margin-left:5px;
    -webkit-transform:rotate(45deg);
            transform:rotate(45deg);
}

.btn.noLink a,
.btn.noLink p,button.btn:disabled{
  border:solid 2px #c7c7c7;
  background-color:#c7c7c7;
}

button.btn:disabled{
  pointer-events:none;
}

@media print, screen and (min-width: 768px){
  .btn a:hover,
  button:hover{
    opacity:0.7;
  }
}

@media screen and (max-width: 767px){
  .btn a,
  button.btn,
  .btn.noLink p{
    width:100%;
    height:50px;
    font-size:1.6rem;
  }
  .btn a::after{
    width:11px;
    height:6px;
    background-position:center right;
    right:20px;
  }
  .contents .btn{
    max-width:350px;
    margin:0 auto;
  }
  .contents .btn + .btn{
    margin-top:15px;
  }
  .contents table .btn{
    max-width:unset;
    margin:0;
    margin-top:10px;
    text-align:left;
  }
}

figure figcaption{
  font-size:1.4rem;
  margin-top:10px;
  margin-bottom:10px;
}

@media screen and (max-width: 767px){
  figure figcaption{
    font-size:1.2rem;
    margin-top:5px;
  }
}

.movie{
  position:relative;
  width:100%;
  padding-top:56.25%;
}

.movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

@media print, screen and (min-width: 768px){
  .movieBox{
    width:800px;
    margin:0 auto;
  }
}

.bg{
  background-color:#f7f4ea;
  padding:60px 0;
}

.bgBox, .grBox, .whiteBox{
  background-color:#f7f4ea;
  padding:45px;
  border-radius:30px;
}

.grBox{
  background-color:#705f60;
}

.grBox.border{
  border:solid 2px #fff;
  outline:solid 8px #705f60;
}

.grBox > *{
  color:#fff;
}

.contents .grBox ul li::before{
  background-color:#ffce00;
}

.whiteBox{
  background-color:#fff;
  padding:45px 38px;
  -webkit-box-shadow:rgba(0,0,0,.10) 8px 8px 16px 0;
          box-shadow:rgba(0,0,0,.10) 8px 8px 16px 0;
}

.bgBox .inBox.border-b{
  padding-bottom:40px;
  border-bottom:solid 1px #dbdbdb;
  margin-bottom:40px;
}

@media screen and (max-width: 767px){
  .bg{
		padding:25px 20px;
	}
	.wide.bg{
		padding:25px 5%;
	}
  .bgBox,
  .grBox,
  .whiteBox{
    padding:25px 20px;
    border-radius:15px;
  }
  .whiteBox{
    padding:25px;
    margin-bottom:20px;
  }

  .bgBox .inBox.border-b{
    padding-bottom:20px;
    margin-bottom:20px;
  }
}

.problem{
  position:relative;
}

.problem::after{
  content:"";
  position:absolute;
  width:120px;
  height:40px;
  bottom:-40px;
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
  background:url(/assets/images/common/arrow.svg) no-repeat;
}

.problem .bgBox{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  border-radius:30px;
  padding:30px 35px;
}

.problem .bgBox p{
  font-size:1.8rem;
  font-weight:bold;
  color:#709682;
  text-align:center;
}

.contents .problem ul li::before{
    background-color:#709682;
}

@media print, screen and (min-width: 768px){
  .problem .inBox{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
  }
  .problem .inBox.column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
            justify-content:flex-start;
    height:550px;
  }
  .problem .inBox .bgBox{
    width:364px;
    margin-top:60px;
  }
  .problem .inBox.div4 .bgBox{
    width:267px;
  }
  .problem .inBox:not(.div4):not(.column) .bgBox:nth-child(2),
  .problem .inBox.div4 .bgBox:not(:first-child):not(:last-child),
  .problem .inBox.column:not(.row2) .bgBox:not(:nth-child(1)):not(:nth-child(7)),
  .problem .inBox.column.row2 .bgBox:not(:nth-child(1)):not(:nth-child(5)){
    margin-top:0;
  }
}

@media screen and (max-width: 767px){
  .problem::after{
    width:60px;
    height:20px;
    bottom:-35px;
  }
  .problem .bgBox{
    border-radius:15px;
    padding:15px 30px;
  }
  .problem .bgBox + .bgBox{
    margin-top:15px;
  }
  .problem .bgBox p{
    font-size:1.6rem;
  }
}

.whiteBox h3{
  text-align:center;
}

.whiteBox figure{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
}

.whiteBox figure img{
  width:284px;
  height:auto;
  margin:0 auto;
}

@media print, screen and (min-width: 768px){
  .strengths{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:24px;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
  }
}

@media screen and (max-width: 767px){
  .whiteBox figure img{
    width:230px;
  }
  .whiteBox figure > div{
    margin-top:10px;
  }
}

.flowBox{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  margin:0 auto;
}

.flow,.flow .imgBox{
  position:relative;
}

.flow .imgBox{
  width:144px;
  height:144px;
  margin:0 auto 25px;
}

.flow .imgBox::after{
  content:"";
  position:absolute;
  width:144px;
  height:8px;
  top:72px;
  right:-144px;
  background-color:#f4f4f4;
  z-index:-1;
}

.flow:last-child .imgBox::after{
  content:none;
}

.flow .imgBox span{
  position:absolute;
  width:56px;
  height:56px;
  font-family:'Roboto', sans-serif;
  font-size:1.5rem;
  font-weight:bold;
  text-align:center;
  background-color:#ffce00;
  padding:15px;
  border-radius:50%;
  top:-15px;
  left:-15px;
}

.flow .imgBox > div{
    width:144px;
    height:144px;
    border-radius:100%;
  background-color:#f4f4f4;
}

@media print, screen and (min-width: 768px){
  .flowBox{
    width:1065px;
    gap:60px 75px;
  }
  .flow{
    width:22.632%;
    max-width:210px;
  }
  .flowBox.no_text{
    width:1000px;
    gap:60px 66px;
  }
  .flowBox.no_text .flow{
    max-width:200px;
  }
  .flowBox.div5{
    width:1110px;
    gap:60px 40px;
  }
  .flow:not(.div5 .flow):nth-child(4n) .imgBox::after,.div5 .flow:nth-child(5n) .imgBox::after{
    content:none;
  }
  .div5 .flow{
    width:18.246%;
    max-width:190px;
  }
  .flow.line .imgBox{
    position:relative;
  }
  .flow.line .imgBox::before{
    content:"";
    position:absolute;
    width:6px;
    height:283px;
    top:-11px;
    left:-50%;
    background:url(/assets/images/common/dotted_vertical.svg) repeat-y top center / 6px 12px;
    z-index:-2;
  }
  .flow-em{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    height:60px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
  }
}

@media print, screen and (max-width: 767px){
  .flowBox{
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
            justify-content:space-between;
  }
  .flow{
    width:47.895%;
  }
  .flow:not(:nth-last-child(1)):not(:nth-last-child(2)){
    margin-bottom:40px;
  }
  .flow .imgBox{
    margin:0 auto 10px;
  }
  .flow .imgBox::after{
    width:250px;
    left:114px;
  }
  .flow:nth-child(2n) .imgBox::after{
    content:none;
  }
  .flow .imgBox span{
    width:46px;
    height:46px;
    font-size:1.4rem;
    padding:12px;
    top:-7px;
    left:-7px;
  }
  .flow.line{
    position:relative;
    margin-top:60px;
  }
  .flow.line::before{
    content:"";
    position:absolute;
    width:200%;
    height:6px;
    top:-30px;
    left:0;
    background:url(/assets/images/common/dotted.svg) repeat-x center / 12px 6px;
    z-index:-2;
  }
}

@media print, screen and (max-width: 535px){
  .flow .imgBox::after{
    width:150px;
  }
}

.plan{
  position:relative;
}

.plan::before{
  content:"";
  position:absolute;
  width:3000px;
  height:920px;
  background-color:#f7f4ea;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  z-index:-1;
}

.plan > div{
  margin-bottom:80px;
}

.plan h3{
  font-size:2.8rem;
}

.plan h3 span,
.dx-flow h3 span{
  display:inline-block;
  width:56px;
  height:56px;
  font-family:'Roboto', sans-serif;
  font-size:1.5rem;
  color:#fff;
  text-align:center;
  padding:18px;
  background-color:#506499;
  border-radius:100%;
  vertical-align:middle;
  margin-right:15px;
  margin-bottom:4px;
}

@media print, screen and (min-width: 768px){
  .plan > div{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    height:375px;
  }
  .plan > div:nth-child(2n){
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
        -ms-flex-direction:row-reverse;
            flex-direction:row-reverse;
  }
  .plan > div figure{
    position:absolute;
    right:-230px;
  }
  .plan > div:nth-child(2n) figure{
    left:-230px;
  }
  .plan .inBox{
    width:538px;
  }
}

@media print, screen and (max-width: 767px){
  .plan::before{
    width:800px;
    height:1090px;
  }
  .plan > div{
    margin-bottom:40px;
  }
  .plan .inBox{
    margin-bottom:20px;
  }
  .plan h3{
    font-size:2.0rem;
    margin-bottom:10px;
  }
  .plan h3 span,
  .dx-flow h3 span{
    width:40px;
    height:40px;
    font-size:1.2rem;
    padding:12px;
  }
}

.label-group .whiteBox,
.label-group .bgBox{
  position:relative;
  padding:45px 35px 45px 120px;
}

.label-group h3{
  margin-bottom:10px;
}

.label-group .case-label,
.label-group .step-label{
  position:absolute;
    top:-45px;
    left:-90px;
    font-family:'Roboto', sans-serif;
    font-size:1.3rem;
    line-height:1.2;
    color:#44433d;
    font-weight:bold;
    text-align:center;
    padding-top:18px;
}

.label-group .case-label{
    width:52px;
    height:88px;
    background:url(/assets/images/common/label.svg) no-repeat;
}

.label-group .step-label{
    width:52px;
    height:84px;
    background:url(/assets/images/common/label_step.svg) no-repeat;
}

.label-group .case-label span,
.label-group .step-label span{
  display:block;
  font-size:2.4rem;
}

@media print, screen and (max-width: 767px){
  .label-group .whiteBox,
  .label-group .bgBox{
    padding:25px;
  }
  .label-group h3{
    margin-bottom:15px;
    padding-left:45px;
  }
  .label-group .case-label,
  .label-group .step-label{
    width:45px;
    height:76px;
    top:-25px;
    left:-10px;
    padding-top:17px;
  }
  .label-group .case-label span,
  .label-group .step-label span{
    font-size:2.2rem;
  }
}

.contact-group{
  background-color:#506499;
  padding:60px;
}

.contact-group > *{
  color:#fff !important;
}

.contact-group .btn.entry a{
  font-family:'Roboto', sans-serif;
  font-size:3.2rem;
  color:#44433d;
  background-color:#ffce00;
  border-color:#ffce00;
}

@media screen and (min-width: 768px){
  .contact-group .btn-group,.seminar-group{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
            justify-content:space-between;
  }
  .contact-group .btn-group .btn{
    width:458px;
  }
  .contact-group .btn.entry a{
    width:538px;
    max-width:unset;
    height:96px;
  }
}

@media print, screen and (max-width: 767px){
  .contact-group{
    background-color:#506499;
    padding:35px 5% 50px;
  }
  .contact-group .btn.entry a{
    font-size:2.4rem;
    height:65px;
  }
}

#breadcrumb{
  width:100%;
  background:#eee;
  padding:0.25em 1.5em;
  -webkit-transform:translateY(-80px);
          transform:translateY(-80px);
}

@media print, screen and (max-width: 767px){
  #breadcrumb{
    -webkit-transform:translateY(-40px);
            transform:translateY(-40px);
  }
}

#breadcrumb > ul{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
      -ms-flex-direction:row;
          flex-direction:row;
  list-style:none;
}

#breadcrumb > ul li{
  margin:0;
  padding:0;
  text-indent:0;
}

#breadcrumb > ul li::before{
  display:none;
}

#breadcrumb > ul li:not(:last-of-type)::after{
  content:"›";
  margin:0 .6em;
  color:#777;
}

a.linkarrow{
  position:relative;
  display:block;
  color:#4c6fbf;
  text-decoration:none;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  -webkit-box-align:start;
  -webkit-align-items:flex-start;
      -ms-flex-align:start;
          align-items:flex-start;
  padding-right:50px;
}

a.linkarrow::before{
  top:calc(100% - 4px);
  -webkit-transform:rotate(30deg);
          transform:rotate(30deg);
  width:12px;
}

a.linkarrow::before,a.linkarrow::after{
  content:'';
  position:absolute;
  right:0;
  height:1px;
  background-color:#4c6fbf;
}

a.linkarrow::after{
  top:100%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  width:100px;
}

.youtube-inlinebox{
  display:inline-block;
  width:100%;
  max-width:680px;
  aspect-ratio:16 / 9;
  margin-top:0.5em;
}

.youtube-inlinebox iframe{
  width:100%;
  height:100%;
}

.bg-caution{
  background:#7a3234;
  padding-top:3rem;
  padding-bottom:3rem;
  margin-bottom:0 !important;
}

.ma-caution{
  color:#fff;
}

.ma-caution,.ma-caution > .-title{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-flow:column nowrap;
      -ms-flex-flow:column nowrap;
          flex-flow:column nowrap;
  }

.ma-caution > .-title{
    position:relative;
    width:100%;
  }

.ma-caution > .-title > .-icon{
      position:relative;
      margin-bottom:2rem;
      width:30%;
    }

.ma-caution > .-title > .-icon > img{
        width:100%;
        height:auto;
      }

@media screen and (min-width: 768px){

.ma-caution > .-title > .-icon{
    margin-bottom:0;
    width:20%
    }
}

@media screen and (min-width: 768px){}

.ma-caution > .-title > .-heading{
      padding-right:0;
      width:100%;
    }

.ma-caution > .-title > .-heading > h2{
        color:#ee8e17;
      }

.ma-caution > .-title > .-heading > h2,.ma-caution > .-title > .-heading > h3{
        margin:0;
        text-align:center;
      }

@media screen and (min-width: 768px){

.ma-caution > .-title > .-heading{
    padding-right:2rem;
    width:80%
    }

.ma-caution > .-title{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row nowrap;
        -ms-flex-flow:row nowrap;
            flex-flow:row nowrap;
    width:50%
  }
}

@media screen and (min-width: 768px){}

@media screen and (min-width: 768px){}

@media screen and (min-width: 768px){}

.ma-caution > .-text{
    font-size:1.2rem;
    border-top:2px solid #ee8e17;
    padding-top:2rem;
    margin-top:2rem;
    border-left:none;
    padding-left:0;
    width:100%;
  }

@media screen and (min-width: 768px){

.ma-caution > .-text{
    border-top:none;
    padding-top:0;
    margin-top:0;
    border-left:2px solid #ee8e17;
    padding-left:2rem;
    width:50%
  }

.ma-caution{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row nowrap;
        -ms-flex-flow:row nowrap;
            flex-flow:row nowrap
}
}

@media screen and (min-width: 768px){}

@media screen and (min-width: 768px){}

@media screen and (min-width: 768px){}

@media screen and (min-width: 768px){}

@media screen and (min-width: 768px){}

@media screen and (min-width: 768px){}

.headering-caution{
  position:relative;
  width:100%;
  height:auto;
  background:#7a3234;
  margin-bottom:40px;
  padding:0;
}

.headering-caution > img{
    top:0;
    left:0;
    width:100%;
    -o-object-fit:cover;
       object-fit:cover;
    position:relative;
    height:180px;
  }

@media screen and (min-width: 768px){

.headering-caution > img{
    position:absolute;
    height:100%
  }
}

@media screen and (min-width: 768px){}

.headering-caution > h1{
    position:absolute;
    width:90%;
    height:auto;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
    top:80px;
  }

@media screen and (min-width: 768px){

.headering-caution > h1{
    top:50%
  }
}

.headering-caution > .ma-caution{
    position:relative;
    padding:20px 30px;
    background:#7a3234;
    border-radius:0;
  }

.headering-caution > .ma-caution > .-title{
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -webkit-flex-flow:column nowrap;
          -ms-flex-flow:column nowrap;
              flex-flow:column nowrap;
      width:100%;
    }

.headering-caution > .ma-caution > .-title > .-icon{
        width:30%;
      }

@media screen and (min-width: 768px){

.headering-caution > .ma-caution > .-title > .-icon{
    width:20%
      }
}

.headering-caution > .ma-caution > .-title > .-heading{
        width:100%;
      }

.headering-caution > .ma-caution > .-title > .-heading > h3{
          font-size:1.75rem;
        }

@media screen and (min-width: 768px){

.headering-caution > .ma-caution > .-title > .-heading{
    width:100%
      }

.headering-caution > .ma-caution > .-title{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-flow:column nowrap;
        -ms-flex-flow:column nowrap;
            flex-flow:column nowrap;
    width:40%
    }
}

@media screen and (min-width: 768px){}

@media screen and (min-width: 768px){}

.headering-caution > .ma-caution > .-text{
      font-size:1.2rem;
      width:100%;
    }

@media screen and (min-width: 768px){

.headering-caution > .ma-caution > .-text{
    font-size:1.4rem;
    width:60%
    }

.headering-caution > .ma-caution{
    border-radius:20px
  }

.headering-caution{
    margin-bottom:80px;
    padding:30px 60px 30px 500px
}
}

@media screen and (min-width: 768px){}

@media screen and (min-width: 768px){}

@media screen and (min-width: 768px){}

@media screen and (min-width: 768px){}

.modaal-overlay{
  z-index:9998;
}

.modaal-wrapper{
  top:30px;
  left:30px;
  width:calc(100% - 60px);
  height:calc(100% - 60px);
}

.modaal-container{
  padding-top:20px;
}

.rinen-container{
  background:#fff;
  border-radius:1rem;
  padding:2rem 2rem;
}

.rinen-container + .rinen-container{
    margin-top:3rem;
  }

.rinen-container .-sechead{
    width:100%;
  }

.rinen-container .-sechead > .-eng{
      font-family:serif;
      font-weight:200;
      line-height:1;
      color:#b22222;
      font-size:3rem;
      margin:0 0 10px;
    }

@media screen and (min-width: 768px){

.rinen-container .-sechead > .-eng{
    font-size:3.875rem;
    margin:0 0 20px
    }
}

@media screen and (min-width: 768px){}

.rinen-container .-sechead > .-jp{
      font-size:2rem;
      font-family:serif;
      font-weight:bold;
      line-height:1.5;
      color:#506499;
      margin:0 0 10px;
    }

@media screen and (min-width: 768px){

.rinen-container .-sechead > .-jp{
    margin:0
    }
}

.rinen-container > .-wrapper{
    padding:3rem 2rem;
    background:#f7f4ea;
    border-radius:1rem;
    font-size:1.5rem;
    margin-top:2rem;
  }

.rinen-container > .-wrapper > h2{
      text-align:center;
      font-family:serif;
      font-weight:normal;
      font-size:2.5rem;
    }

@media screen and (min-width: 1080px){

.rinen-container > .-wrapper > h2{
    font-size:3.5rem
    }
}

.rinen-container > .-wrapper > ol li strong{
          font-size:2.4rem;
          color:#506499;
          font-family:serif;
          letter-spacing:0.1em;
          margin-right:2rem;
        }

.rinen-container > .-wrapper li + li{
      margin-top:1.5rem;
    }

@media screen and (min-width: 1080px){

.rinen-container > .-wrapper{
    font-size:1.75rem;
    margin-top:3rem
  }
}

@media screen and (min-width: 1080px){}

@media screen and (min-width: 768px){

.rinen-container{
    padding:2rem 4rem
}
}

.additional-tel{
  padding-top:6em;
  width:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-flow:column wrap;
      -ms-flex-flow:column wrap;
          flex-flow:column wrap;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}

.additional-tel .-big{
    font-size:2.4rem;
    line-height:1.2;
    font-weight:bold;
    color:#506499;
  }

.additional-tel a.tel{
    display:block;
    color:#506499;
    margin-top:1rem;
  }

.additional-tel a.tel::before{
    background:url(/assets/images/common/icon_tel.svg) no-repeat;
  }

.footer .tel{
  font-family:'Roboto', sans-serif;
  font-size:4.8rem;
  line-height:1.2;
  font-weight:bold;
  color:#506499;
}

.footer .tel::before{
  content:"";
  display:inline-block;
  width:30px;
  height:38px;
  background:url(/assets/images/common/icon_tel.svg) no-repeat;
  margin-right:10px;
    vertical-align:middle;
    margin-bottom:8px;
}

.footer .-daihyou{
    font-size:3rem;
  }

.footer .-daihyou,.footer .-daikin{
    line-height:1.2;
    font-weight:bold;
    color:#506499;
  }

.footer .-daikin{
    font-size:2rem;
  }

.related_links{
  border-top:2px solid #506499;
  padding-top:5rem;
  margin-bottom:6rem;
}

.related_links > h2{
    text-align:center;
    font-size:4rem !important;
  }

.related_links > .-banner{
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
        -ms-flex-align:stretch;
            align-items:stretch;
    gap:10px 20px;
    padding:0;
  }

.related_links > .-banner > a{
      width:calc(50% - 10px);
    }

.related_links > .-banner > a > img{
        width:100%;
        height:auto;
      }

@media screen and (min-width: 768px){

.related_links > .-banner > a{
    width:calc(33.33333% - 26.66667px)
    }

.related_links > .-banner{
    gap:10px 40px;
    padding:0 10%
  }
}

@media screen and (min-width: 768px){}

@media screen and (min-width: 768px){}

.contents .maru_num_list{
    list-style:none;
  }

.contents .maru_num_list > li{
      text-indent:-1.2em;
      margin-left:1.2em;
    }

.contents .maru_num_list > li::before{
        display:none;
      }

.float-right{
  display:inline-block;
  float:right;
}

.float-right::after{
    content:"";
    display:block;
    clear:both;
  }

.seminar-map{
  display:inline-block;
  width:100%;
  max-width:400px;
  height:auto;
  margin:10px 0;
}

.shinrin-container{
  width:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}

.shinrin-container > .shinrin-btn{
    margin-top:1rem;
    width:100% !important;
  }

.shinrin-container > .shinrin-btn > a{
      max-width:100% !important;
      width:100%;
      height:auto;
      background-color:#548235;
      border:none;
      -webkit-align-self:center;
          -ms-flex-item-align:center;
                  -ms-grid-row-align:center;
              align-self:center;
    }

@media screen and (min-width: 768px){

.shinrin-container > .shinrin-btn > a{
    max-width:100% !important;
    }

.shinrin-container > .shinrin-btn{
    margin-top:6rem;
    width:980px !important
  }
}

@media screen and (min-width: 768px){}

@media screen and (min-width: 768px){}

.-jcredit-illust{
  width:100%;
  position:relative;
}

.-jcredit-illust > img{
    width:100%;
    height:auto;
  }

.-jcredit-list > li{
    font-size:2rem;
    color:#506499;
    font-weight:bold;
    margin-bottom:1.5rem;
  }

.-jcredit-list > li > ul{
      list-style:none;
      margin-top:1rem;
    }

.-jcredit-list > li > ul > li{
        font-size:1.6rem;
        color:#000;
        font-weight:normal;
        text-indent:-1em;
      }

.-jcredit-list > li > ul > li::before{
          display:none;
        }

.-jcredit-table .-red{
    color:#f00;
  }

.-jcredit-padding{
  padding-left:1em;
}

.-jcredit-box{
  background:#f7f4ea;
  border-radius:5px;
  padding:10px 20px;
  margin:10px 0;
}

.-jcredit-box h4{
    margin-bottom:10px;
  }

.news-photo-2{
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
  gap:30px;
}

.news-photo-2,.news-photo-2 > .-item{
  width:100%;
  }

.news-photo-2 > .-item > img{
      width:100%;
      height:auto;
    }

@media screen and (min-width: 768px){

.news-photo-2 > .-item{
    width:calc(50% - 15px)
  }
}

/*# sourceMappingURL=style.css.map */