@charset "UTF-8";
/* Base */
/* Utility */
/* --------------------------------------------
 *  Breakpoint 共通設定
 * -------------------------------------------- */
/*
*  計算式
$property →	CSSのプロパティ名（例：width、margin-left）
$expression →	calc() の中に入れる計算式（例：100% - 20px）
例）calc(width, "100% - 20px");のように記述します。→コンパイル結果　width: calc(100% - 20px);
*------------------------------------------------------------------------------------- */
/*
*  font
*------------------------------------------------------------*/
/*
*  color
*------------------------------------------------------------*/
/*
*  サイズ
*------------------------------------------------------------*/
.m-hl02 {
  font-size: 33px;
  font-weight: 700;
  font-family: "Zen Old Mincho", serif;
  border-left: 1px solid #EB8C00;
  padding-left: 15px;
}
@media only screen and (max-width: 1023px) {
  .m-hl02 {
    font-size: 26px;
    line-height: 1.4;
    padding: 10px 0 9px 15px;
  }
}
.m-hl02 .en {
  font-weight: 500;
  font-size: 15px;
  color: #EB8C00;
  display: block;
}
@media only screen and (max-width: 1023px) {
  .m-hl02 .en {
    font-size: 13px;
  }
}

.m-hl03, #post-detail h3 {
  font-size: 27px;
  font-weight: 700;
  position: relative;
  padding-bottom: 8px;
  font-family: "Zen Old Mincho", serif;
  line-height: 1.5;
}
@media only screen and (max-width: 1023px) {
  .m-hl03, #post-detail h3 {
    font-size: 23px;
    padding-bottom: 5px;
  }
}
.m-hl03::before, #post-detail h3::before {
  content: "";
  position: absolute;
  background-color: #EB8C00;
  background: linear-gradient(90deg, #EB8C00 0 48px, #707070 48px 100%) bottom/100% 1px no-repeat;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 599px) {
  .m-hl03::before, #post-detail h3::before {
    background: linear-gradient(90deg, #EB8C00 0 32px, #707070 32px 100%) bottom/100% 1px no-repeat;
    width: 100%;
  }
}

.m-hl04, #post-detail h4 {
  font-size: 22px;
  font-weight: 700;
  position: relative;
  padding: 0 0 7px 28px;
  font-family: "Zen Old Mincho", serif;
  background-image: linear-gradient(to right, #707070 50%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
@media only screen and (max-width: 1023px) {
  .m-hl04, #post-detail h4 {
    font-size: 20px;
    padding: 0 0 5px 20px;
  }
}
.m-hl04::before, #post-detail h4::before {
  content: "";
  position: absolute;
  background-color: #EB8C00;
  width: 14px;
  height: 14px;
  top: 14px;
  left: 0;
  border-radius: 0 3px;
}
@media only screen and (max-width: 1023px) {
  .m-hl04::before, #post-detail h4::before {
    width: 12px;
    height: 12px;
    top: 12px;
  }
}

.m-hl05, #post-detail h5 {
  font-size: 18px;
  font-weight: 700;
  position: relative;
  padding-left: 18px;
}
@media only screen and (max-width: 1023px) {
  .m-hl05, #post-detail h5 {
    font-size: 18px;
  }
}
.m-hl05::before, #post-detail h5::before {
  content: "";
  position: absolute;
  background-color: #EB8C00;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: 11px;
  left: 0;
}

.m-hl06, #post-detail h6 {
  font-size: 18px;
  font-weight: 700;
  color: #EB8C00;
}

.m-li-disc > li, #post-detail ul > li {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  margin-bottom: 8px;
}
.m-li-disc > li:last-child, #post-detail ul > li:last-child {
  margin-bottom: 0;
}
.m-li-disc > li::before, #post-detail ul > li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

ol.listNum li.circle1::before {
  content: "①";
}

ol.listNum li.circle2::before {
  content: "②";
}

ol.listNum li.circle3::before {
  content: "③";
}

ol.listNum li.circle4::before {
  content: "④";
}

ol.listNum li.circle5::before {
  content: "⑤";
}

.m-li-decimal, #post-detail ol {
  counter-reset: my-counter;
}
.m-li-decimal > li, #post-detail ol > li {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  margin-bottom: 8px;
}
.m-li-decimal > li:last-child, #post-detail ol > li:last-child {
  margin-bottom: 0;
}
.m-li-decimal > li::before, #post-detail ol > li::before {
  content: counter(my-counter) ".";
  position: absolute;
  counter-increment: my-counter;
  top: 0;
  left: 0;
  color: inherit;
}

#post-detail *:first-child,
#post-detail .bs-main-contents > *:first-child,
#post-detail .bge-contents > *:first-child,
#post-detail .cke_editable > *:first-child {
  margin-top: 0 !important;
}
#post-detail .cke_panel_list > .cke_panel_listItem {
  padding: 0 0 0 !important;
}
#post-detail .cke_panel_list > .cke_panel_listItem::before {
  content: none !important;
}
#post-detail .cke_panel_container [aria-label=段落の書式] .cke_panel_list > .cke_panel_listItem:nth-child(2), #post-detail .cke_panel_container [aria-label=段落の書式] .cke_panel_list > .cke_panel_listItem:nth-child(3) {
  display: none !important;
}
#post-detail h3,
#post-detail h4,
#post-detail h5,
#post-detail h6 {
  margin: 1.6em 0 1em;
}
#post-detail b {
  font-weight: bold;
}
#post-detail em {
  font-style: italic;
}
#post-detail ol {
  margin: 20px 30px;
}
#post-detail ul {
  margin: 20px 30px;
}
#post-detail blockquote {
  background-color: #eee;
  padding: 20px;
  margin: 30px 15px;
}
#post-detail big {
  font-size: large;
}
#post-detail small {
  font-size: smaller;
}
#post-detail a {
  color: #0071bc;
  text-decoration: underline;
}
#post-detail a:hover {
  opacity: 0.7;
}
#post-detail table {
  border: 1px solid #707070;
  margin: 1.5em 0;
}
@media only screen and (max-width: 1023px) {
  #post-detail table {
    width: 100% !important;
  }
}
#post-detail table caption {
  margin: 0 0 0.5em;
  text-align: left;
}
#post-detail table th,
#post-detail table td {
  vertical-align: middle;
  padding: 10px 0.5em 8px;
  border-collapse: collapse;
  border: 1px solid #707070;
}
#post-detail table th {
  background-color: #F6F6F6;
}

.l-container {
  width: 100%;
  padding: 0 3%;
  margin-inline: auto;
  max-width: calc(1066px + 6%);
}
@media only screen and (max-width: 1023px) {
  .l-container {
    max-width: unset;
    padding: 0 4%;
  }
}

.l-2Column {
  display: grid;
  width: 100%;
  gap: 58px 5%;
  grid-template-columns: 1fr 260px;
}
@media only screen and (max-width: 1023px) {
  .l-2Column {
    grid-template-columns: 1fr;
  }
}

.l-subPage {
  margin: 72px auto 120px;
}
@media only screen and (max-width: 1023px) {
  .l-subPage {
    margin: 48px auto 85px;
  }
}
.l-subPage > section {
  margin: 88px auto;
}
@media only screen and (max-width: 1023px) {
  .l-subPage > section {
    margin: 54px auto;
  }
}
.l-subPage > section:first-of-type {
  margin-top: 0px;
}
.l-subPage > section:last-of-type {
  margin-bottom: 0px;
}

/*
*  画像トリミング
*----------------------------*/
.imgCover {
  object-fit: cover;
  height: 100%;
}

.imgContain {
  object-fit: contain;
  height: 100%;
}

.imgScaleDown {
  object-fit: scale-down;
  height: 100%;
}

/*
*  display：
*----------------------------*/
.d-flex {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1023px) {
  .d-flex {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1023px) {
  .d-flex .left,
  .d-flex .right {
    width: 100%;
  }
}

.d-grid {
  display: grid;
}

.d-block {
  display: block !important;
}

@media print, screen and (min-width: 1024px) {
  .d-block-pc {
    display: block !important;
  }
}

@media only screen and (min-width: 600px) {
  .d-block-spNot {
    display: block !important;
  }
}

@media only screen and (max-width: 1023px) {
  .d-block-mob {
    display: block !important;
  }
}

@media only screen and (max-width: 599px) {
  .d-block-sp {
    display: block !important;
  }
}

.d-inline {
  display: inline !important;
}

@media print, screen and (min-width: 1024px) {
  .d-inline-pc {
    display: inline !important;
  }
}

@media only screen and (min-width: 600px) {
  .d-inline-spNot {
    display: inline !important;
  }
}

@media only screen and (max-width: 1023px) {
  .d-inline-mob {
    display: inline !important;
  }
}

@media only screen and (max-width: 599px) {
  .d-inline-sp {
    display: inline !important;
  }
}

.d-inlineBlock {
  display: inline-block !important;
}

@media print, screen and (min-width: 1024px) {
  .d-inlineBlock-pc {
    display: inline-block !important;
  }
}

@media only screen and (min-width: 600px) {
  .d-inlineBlock-spNot {
    display: inline-block !important;
  }
}

@media only screen and (max-width: 1023px) {
  .d-inlineBlock-mob {
    display: inline-block !important;
  }
}

@media only screen and (max-width: 599px) {
  .d-inlineBlock-sp {
    display: inline-block !important;
  }
}

/*
*  表示・非表示
*----------------------------*/
.dn {
  display: none !important;
}

@media print, screen and (min-width: 1024px) {
  .dn-pc {
    display: none !important;
  }
}

@media print, screen and (min-width: 1024px) {
  .dn-pcTab {
    display: none !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1023px) {
  .dn-pcTab {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
  .dn-tab {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
  .dn-mob {
    display: none !important;
  }
}
@media only screen and (max-width: 599px) {
  .dn-mob {
    display: none !important;
  }
}

@media only screen and (max-width: 599px) {
  .dn-sp {
    display: none !important;
  }
}

/*
*  配置
*----------------------------*/
.textCenter {
  text-align: center !important;
}

@media print, screen and (min-width: 1024px) {
  .textCenter-pc {
    text-align: center !important;
  }
}

@media only screen and (min-width: 600px) {
  .textCenter-pcTab {
    text-align: center !important;
  }
}

.textRight {
  text-align: right !important;
}

@media print, screen and (min-width: 1024px) {
  .textRight-pc {
    text-align: right !important;
  }
}

@media only screen and (min-width: 600px) {
  .textRight-pcTab {
    text-align: right !important;
  }
}

.textLeft {
  text-align: left !important;
}

/*
*  フォント・テキスト
*----------------------------*/
.fontBold {
  font-weight: bold !important;
}

.underline {
  text-decoration: underline !important;
}

.overline {
  text-decoration: overline !important;
}

.lineThrough {
  text-decoration: line-through !important;
}

.verticalTop {
  vertical-align: top !important;
}

.verticalTextMiddle {
  vertical-align: middle !important;
}

.verticalBottom {
  vertical-align: bottom !important;
}

.verticalTextBottom {
  vertical-align: text-bottom !important;
}

.wordWrapBreak {
  word-wrap: break-word !important;
}

.font12 {
  font-size: 12px !important;
}

.font13 {
  font-size: 13px !important;
}

.font14 {
  font-size: 14px !important;
}

.font15 {
  font-size: 15px !important;
}

.font16 {
  font-size: 16px !important;
}

.font17 {
  font-size: 17px !important;
}

.font18 {
  font-size: 18px !important;
}

.font19 {
  font-size: 19px !important;
}

.font20 {
  font-size: 20px !important;
}

.font21 {
  font-size: 21px !important;
}

.font22 {
  font-size: 22px !important;
}

.font23 {
  font-size: 23px !important;
}

.font24 {
  font-size: 24px !important;
}

.font25 {
  font-size: 25px !important;
}

.font26 {
  font-size: 26px !important;
}

.font27 {
  font-size: 27px !important;
}

.font28 {
  font-size: 28px !important;
}

.font29 {
  font-size: 29px !important;
}

.font30 {
  font-size: 30px !important;
}

.font31 {
  font-size: 31px !important;
}

.font32 {
  font-size: 32px !important;
}

.font33 {
  font-size: 33px !important;
}

.font34 {
  font-size: 34px !important;
}

.font35 {
  font-size: 35px !important;
}

.font36 {
  font-size: 36px !important;
}

.font37 {
  font-size: 37px !important;
}

.font38 {
  font-size: 38px !important;
}

.font39 {
  font-size: 39px !important;
}

.font40 {
  font-size: 40px !important;
}

.font41 {
  font-size: 41px !important;
}

.font42 {
  font-size: 42px !important;
}

.font43 {
  font-size: 43px !important;
}

.font44 {
  font-size: 44px !important;
}

.font45 {
  font-size: 45px !important;
}

.font46 {
  font-size: 46px !important;
}

.font47 {
  font-size: 47px !important;
}

.font48 {
  font-size: 48px !important;
}

/*
*  マージン
*----------------------------*/
.marginCenter {
  margin: 0 auto !important;
}

.marginTop0 {
  margin-top: 0 !important;
}

.marginBottom0 {
  margin-bottom: 0 !important;
}

.marginTop5 {
  margin-top: 5px !important;
}

.marginBottom5 {
  margin-bottom: 5px !important;
}

.paddingTop5 {
  padding-top: 5px !important;
}

.paddingBottom5 {
  padding-bottom: 5px !important;
}

.marginTop10 {
  margin-top: 10px !important;
}

.marginBottom10 {
  margin-bottom: 10px !important;
}

.paddingTop10 {
  padding-top: 10px !important;
}

.paddingBottom10 {
  padding-bottom: 10px !important;
}

.marginTop15 {
  margin-top: 15px !important;
}

.marginBottom15 {
  margin-bottom: 15px !important;
}

.paddingTop15 {
  padding-top: 15px !important;
}

.paddingBottom15 {
  padding-bottom: 15px !important;
}

.marginTop20 {
  margin-top: 20px !important;
}

.marginBottom20 {
  margin-bottom: 20px !important;
}

.paddingTop20 {
  padding-top: 20px !important;
}

.paddingBottom20 {
  padding-bottom: 20px !important;
}

.marginTop25 {
  margin-top: 25px !important;
}

.marginBottom25 {
  margin-bottom: 25px !important;
}

.paddingTop25 {
  padding-top: 25px !important;
}

.paddingBottom25 {
  padding-bottom: 25px !important;
}

.marginTop30 {
  margin-top: 30px !important;
}

.marginBottom30 {
  margin-bottom: 30px !important;
}

.paddingTop30 {
  padding-top: 30px !important;
}

.paddingBottom30 {
  padding-bottom: 30px !important;
}

.marginTop35 {
  margin-top: 35px !important;
}

.marginBottom35 {
  margin-bottom: 35px !important;
}

.paddingTop35 {
  padding-top: 35px !important;
}

.paddingBottom35 {
  padding-bottom: 35px !important;
}

.marginTop40 {
  margin-top: 40px !important;
}

.marginBottom40 {
  margin-bottom: 40px !important;
}

.paddingTop40 {
  padding-top: 40px !important;
}

.paddingBottom40 {
  padding-bottom: 40px !important;
}

.marginTop45 {
  margin-top: 45px !important;
}

.marginBottom45 {
  margin-bottom: 45px !important;
}

.paddingTop45 {
  padding-top: 45px !important;
}

.paddingBottom45 {
  padding-bottom: 45px !important;
}

.marginTop50 {
  margin-top: 50px !important;
}

.marginBottom50 {
  margin-bottom: 50px !important;
}

.paddingTop50 {
  padding-top: 50px !important;
}

.paddingBottom50 {
  padding-bottom: 50px !important;
}

.marginTop55 {
  margin-top: 55px !important;
}

.marginBottom55 {
  margin-bottom: 55px !important;
}

.paddingTop55 {
  padding-top: 55px !important;
}

.paddingBottom55 {
  padding-bottom: 55px !important;
}

.marginTop60 {
  margin-top: 60px !important;
}

.marginBottom60 {
  margin-bottom: 60px !important;
}

.paddingTop60 {
  padding-top: 60px !important;
}

.paddingBottom60 {
  padding-bottom: 60px !important;
}

.marginTop65 {
  margin-top: 65px !important;
}

.marginBottom65 {
  margin-bottom: 65px !important;
}

.paddingTop65 {
  padding-top: 65px !important;
}

.paddingBottom65 {
  padding-bottom: 65px !important;
}

.marginTop70 {
  margin-top: 70px !important;
}

.marginBottom70 {
  margin-bottom: 70px !important;
}

.paddingTop70 {
  padding-top: 70px !important;
}

.paddingBottom70 {
  padding-bottom: 70px !important;
}

.marginTop75 {
  margin-top: 75px !important;
}

.marginBottom75 {
  margin-bottom: 75px !important;
}

.paddingTop75 {
  padding-top: 75px !important;
}

.paddingBottom75 {
  padding-bottom: 75px !important;
}

.marginTop80 {
  margin-top: 80px !important;
}

.marginBottom80 {
  margin-bottom: 80px !important;
}

.paddingTop80 {
  padding-top: 80px !important;
}

.paddingBottom80 {
  padding-bottom: 80px !important;
}

.marginTop85 {
  margin-top: 85px !important;
}

.marginBottom85 {
  margin-bottom: 85px !important;
}

.paddingTop85 {
  padding-top: 85px !important;
}

.paddingBottom85 {
  padding-bottom: 85px !important;
}

.marginTop90 {
  margin-top: 90px !important;
}

.marginBottom90 {
  margin-bottom: 90px !important;
}

.paddingTop90 {
  padding-top: 90px !important;
}

.paddingBottom90 {
  padding-bottom: 90px !important;
}

.marginTop95 {
  margin-top: 95px !important;
}

.marginBottom95 {
  margin-bottom: 95px !important;
}

.paddingTop95 {
  padding-top: 95px !important;
}

.paddingBottom95 {
  padding-bottom: 95px !important;
}

.marginTop100 {
  margin-top: 100px !important;
}

.marginBottom100 {
  margin-bottom: 100px !important;
}

.paddingTop100 {
  padding-top: 100px !important;
}

.paddingBottom100 {
  padding-bottom: 100px !important;
}

.marginTop105 {
  margin-top: 105px !important;
}

.marginBottom105 {
  margin-bottom: 105px !important;
}

.paddingTop105 {
  padding-top: 105px !important;
}

.paddingBottom105 {
  padding-bottom: 105px !important;
}

.marginTop110 {
  margin-top: 110px !important;
}

.marginBottom110 {
  margin-bottom: 110px !important;
}

.paddingTop110 {
  padding-top: 110px !important;
}

.paddingBottom110 {
  padding-bottom: 110px !important;
}

.marginTop115 {
  margin-top: 115px !important;
}

.marginBottom115 {
  margin-bottom: 115px !important;
}

.paddingTop115 {
  padding-top: 115px !important;
}

.paddingBottom115 {
  padding-bottom: 115px !important;
}

.marginTop120 {
  margin-top: 120px !important;
}

.marginBottom120 {
  margin-bottom: 120px !important;
}

.paddingTop120 {
  padding-top: 120px !important;
}

.paddingBottom120 {
  padding-bottom: 120px !important;
}

.marginTop125 {
  margin-top: 125px !important;
}

.marginBottom125 {
  margin-bottom: 125px !important;
}

.paddingTop125 {
  padding-top: 125px !important;
}

.paddingBottom125 {
  padding-bottom: 125px !important;
}

.marginTop130 {
  margin-top: 130px !important;
}

.marginBottom130 {
  margin-bottom: 130px !important;
}

.paddingTop130 {
  padding-top: 130px !important;
}

.paddingBottom130 {
  padding-bottom: 130px !important;
}

.marginTop135 {
  margin-top: 135px !important;
}

.marginBottom135 {
  margin-bottom: 135px !important;
}

.paddingTop135 {
  padding-top: 135px !important;
}

.paddingBottom135 {
  padding-bottom: 135px !important;
}

.marginTop140 {
  margin-top: 140px !important;
}

.marginBottom140 {
  margin-bottom: 140px !important;
}

.paddingTop140 {
  padding-top: 140px !important;
}

.paddingBottom140 {
  padding-bottom: 140px !important;
}

.marginTop145 {
  margin-top: 145px !important;
}

.marginBottom145 {
  margin-bottom: 145px !important;
}

.paddingTop145 {
  padding-top: 145px !important;
}

.paddingBottom145 {
  padding-bottom: 145px !important;
}

.marginTop150 {
  margin-top: 150px !important;
}

.marginBottom150 {
  margin-bottom: 150px !important;
}

.paddingTop150 {
  padding-top: 150px !important;
}

.paddingBottom150 {
  padding-bottom: 150px !important;
}

.marginTop155 {
  margin-top: 155px !important;
}

.marginBottom155 {
  margin-bottom: 155px !important;
}

.paddingTop155 {
  padding-top: 155px !important;
}

.paddingBottom155 {
  padding-bottom: 155px !important;
}

.marginTop160 {
  margin-top: 160px !important;
}

.marginBottom160 {
  margin-bottom: 160px !important;
}

.paddingTop160 {
  padding-top: 160px !important;
}

.paddingBottom160 {
  padding-bottom: 160px !important;
}

.marginTop165 {
  margin-top: 165px !important;
}

.marginBottom165 {
  margin-bottom: 165px !important;
}

.paddingTop165 {
  padding-top: 165px !important;
}

.paddingBottom165 {
  padding-bottom: 165px !important;
}

.marginTop170 {
  margin-top: 170px !important;
}

.marginBottom170 {
  margin-bottom: 170px !important;
}

.paddingTop170 {
  padding-top: 170px !important;
}

.paddingBottom170 {
  padding-bottom: 170px !important;
}

.marginTop175 {
  margin-top: 175px !important;
}

.marginBottom175 {
  margin-bottom: 175px !important;
}

.paddingTop175 {
  padding-top: 175px !important;
}

.paddingBottom175 {
  padding-bottom: 175px !important;
}

.marginTop180 {
  margin-top: 180px !important;
}

.marginBottom180 {
  margin-bottom: 180px !important;
}

.paddingTop180 {
  padding-top: 180px !important;
}

.paddingBottom180 {
  padding-bottom: 180px !important;
}

.marginTop185 {
  margin-top: 185px !important;
}

.marginBottom185 {
  margin-bottom: 185px !important;
}

.paddingTop185 {
  padding-top: 185px !important;
}

.paddingBottom185 {
  padding-bottom: 185px !important;
}

.marginTop190 {
  margin-top: 190px !important;
}

.marginBottom190 {
  margin-bottom: 190px !important;
}

.paddingTop190 {
  padding-top: 190px !important;
}

.paddingBottom190 {
  padding-bottom: 190px !important;
}

.marginTop195 {
  margin-top: 195px !important;
}

.marginBottom195 {
  margin-bottom: 195px !important;
}

.paddingTop195 {
  padding-top: 195px !important;
}

.paddingBottom195 {
  padding-bottom: 195px !important;
}

.marginTop200 {
  margin-top: 200px !important;
}

.marginBottom200 {
  margin-bottom: 200px !important;
}

.paddingTop200 {
  padding-top: 200px !important;
}

.paddingBottom200 {
  padding-bottom: 200px !important;
}

.marginTop205 {
  margin-top: 205px !important;
}

.marginBottom205 {
  margin-bottom: 205px !important;
}

.paddingTop205 {
  padding-top: 205px !important;
}

.paddingBottom205 {
  padding-bottom: 205px !important;
}

.marginTop210 {
  margin-top: 210px !important;
}

.marginBottom210 {
  margin-bottom: 210px !important;
}

.paddingTop210 {
  padding-top: 210px !important;
}

.paddingBottom210 {
  padding-bottom: 210px !important;
}

.marginTop215 {
  margin-top: 215px !important;
}

.marginBottom215 {
  margin-bottom: 215px !important;
}

.paddingTop215 {
  padding-top: 215px !important;
}

.paddingBottom215 {
  padding-bottom: 215px !important;
}

.marginTop220 {
  margin-top: 220px !important;
}

.marginBottom220 {
  margin-bottom: 220px !important;
}

.paddingTop220 {
  padding-top: 220px !important;
}

.paddingBottom220 {
  padding-bottom: 220px !important;
}

.marginTop225 {
  margin-top: 225px !important;
}

.marginBottom225 {
  margin-bottom: 225px !important;
}

.paddingTop225 {
  padding-top: 225px !important;
}

.paddingBottom225 {
  padding-bottom: 225px !important;
}

.marginTop230 {
  margin-top: 230px !important;
}

.marginBottom230 {
  margin-bottom: 230px !important;
}

.paddingTop230 {
  padding-top: 230px !important;
}

.paddingBottom230 {
  padding-bottom: 230px !important;
}

.marginTop235 {
  margin-top: 235px !important;
}

.marginBottom235 {
  margin-bottom: 235px !important;
}

.paddingTop235 {
  padding-top: 235px !important;
}

.paddingBottom235 {
  padding-bottom: 235px !important;
}

.marginTop240 {
  margin-top: 240px !important;
}

.marginBottom240 {
  margin-bottom: 240px !important;
}

.paddingTop240 {
  padding-top: 240px !important;
}

.paddingBottom240 {
  padding-bottom: 240px !important;
}

.marginTop245 {
  margin-top: 245px !important;
}

.marginBottom245 {
  margin-bottom: 245px !important;
}

.paddingTop245 {
  padding-top: 245px !important;
}

.paddingBottom245 {
  padding-bottom: 245px !important;
}

.marginTop250 {
  margin-top: 250px !important;
}

.marginBottom250 {
  margin-bottom: 250px !important;
}

.paddingTop250 {
  padding-top: 250px !important;
}

.paddingBottom250 {
  padding-bottom: 250px !important;
}

.marginTop255 {
  margin-top: 255px !important;
}

.marginBottom255 {
  margin-bottom: 255px !important;
}

.paddingTop255 {
  padding-top: 255px !important;
}

.paddingBottom255 {
  padding-bottom: 255px !important;
}

.marginTop260 {
  margin-top: 260px !important;
}

.marginBottom260 {
  margin-bottom: 260px !important;
}

.paddingTop260 {
  padding-top: 260px !important;
}

.paddingBottom260 {
  padding-bottom: 260px !important;
}

.marginTop265 {
  margin-top: 265px !important;
}

.marginBottom265 {
  margin-bottom: 265px !important;
}

.paddingTop265 {
  padding-top: 265px !important;
}

.paddingBottom265 {
  padding-bottom: 265px !important;
}

.marginTop270 {
  margin-top: 270px !important;
}

.marginBottom270 {
  margin-bottom: 270px !important;
}

.paddingTop270 {
  padding-top: 270px !important;
}

.paddingBottom270 {
  padding-bottom: 270px !important;
}

.marginTop275 {
  margin-top: 275px !important;
}

.marginBottom275 {
  margin-bottom: 275px !important;
}

.paddingTop275 {
  padding-top: 275px !important;
}

.paddingBottom275 {
  padding-bottom: 275px !important;
}

.marginTop280 {
  margin-top: 280px !important;
}

.marginBottom280 {
  margin-bottom: 280px !important;
}

.paddingTop280 {
  padding-top: 280px !important;
}

.paddingBottom280 {
  padding-bottom: 280px !important;
}

.marginTop285 {
  margin-top: 285px !important;
}

.marginBottom285 {
  margin-bottom: 285px !important;
}

.paddingTop285 {
  padding-top: 285px !important;
}

.paddingBottom285 {
  padding-bottom: 285px !important;
}

.marginTop290 {
  margin-top: 290px !important;
}

.marginBottom290 {
  margin-bottom: 290px !important;
}

.paddingTop290 {
  padding-top: 290px !important;
}

.paddingBottom290 {
  padding-bottom: 290px !important;
}

.marginTop295 {
  margin-top: 295px !important;
}

.marginBottom295 {
  margin-bottom: 295px !important;
}

.paddingTop295 {
  padding-top: 295px !important;
}

.paddingBottom295 {
  padding-bottom: 295px !important;
}

.marginTop300 {
  margin-top: 300px !important;
}

.marginBottom300 {
  margin-bottom: 300px !important;
}

.paddingTop300 {
  padding-top: 300px !important;
}

.paddingBottom300 {
  padding-bottom: 300px !important;
}

.marginTop305 {
  margin-top: 305px !important;
}

.marginBottom305 {
  margin-bottom: 305px !important;
}

.paddingTop305 {
  padding-top: 305px !important;
}

.paddingBottom305 {
  padding-bottom: 305px !important;
}

.marginTop310 {
  margin-top: 310px !important;
}

.marginBottom310 {
  margin-bottom: 310px !important;
}

.paddingTop310 {
  padding-top: 310px !important;
}

.paddingBottom310 {
  padding-bottom: 310px !important;
}

.marginTop315 {
  margin-top: 315px !important;
}

.marginBottom315 {
  margin-bottom: 315px !important;
}

.paddingTop315 {
  padding-top: 315px !important;
}

.paddingBottom315 {
  padding-bottom: 315px !important;
}

.marginTop320 {
  margin-top: 320px !important;
}

.marginBottom320 {
  margin-bottom: 320px !important;
}

.paddingTop320 {
  padding-top: 320px !important;
}

.paddingBottom320 {
  padding-bottom: 320px !important;
}

.marginTop325 {
  margin-top: 325px !important;
}

.marginBottom325 {
  margin-bottom: 325px !important;
}

.paddingTop325 {
  padding-top: 325px !important;
}

.paddingBottom325 {
  padding-bottom: 325px !important;
}

.marginTop330 {
  margin-top: 330px !important;
}

.marginBottom330 {
  margin-bottom: 330px !important;
}

.paddingTop330 {
  padding-top: 330px !important;
}

.paddingBottom330 {
  padding-bottom: 330px !important;
}

.marginTop335 {
  margin-top: 335px !important;
}

.marginBottom335 {
  margin-bottom: 335px !important;
}

.paddingTop335 {
  padding-top: 335px !important;
}

.paddingBottom335 {
  padding-bottom: 335px !important;
}

.marginTop340 {
  margin-top: 340px !important;
}

.marginBottom340 {
  margin-bottom: 340px !important;
}

.paddingTop340 {
  padding-top: 340px !important;
}

.paddingBottom340 {
  padding-bottom: 340px !important;
}

.marginTop345 {
  margin-top: 345px !important;
}

.marginBottom345 {
  margin-bottom: 345px !important;
}

.paddingTop345 {
  padding-top: 345px !important;
}

.paddingBottom345 {
  padding-bottom: 345px !important;
}

.marginTop350 {
  margin-top: 350px !important;
}

.marginBottom350 {
  margin-bottom: 350px !important;
}

.paddingTop350 {
  padding-top: 350px !important;
}

.paddingBottom350 {
  padding-bottom: 350px !important;
}

.marginTop355 {
  margin-top: 355px !important;
}

.marginBottom355 {
  margin-bottom: 355px !important;
}

.paddingTop355 {
  padding-top: 355px !important;
}

.paddingBottom355 {
  padding-bottom: 355px !important;
}

.marginTop360 {
  margin-top: 360px !important;
}

.marginBottom360 {
  margin-bottom: 360px !important;
}

.paddingTop360 {
  padding-top: 360px !important;
}

.paddingBottom360 {
  padding-bottom: 360px !important;
}

.marginTop365 {
  margin-top: 365px !important;
}

.marginBottom365 {
  margin-bottom: 365px !important;
}

.paddingTop365 {
  padding-top: 365px !important;
}

.paddingBottom365 {
  padding-bottom: 365px !important;
}

.marginTop370 {
  margin-top: 370px !important;
}

.marginBottom370 {
  margin-bottom: 370px !important;
}

.paddingTop370 {
  padding-top: 370px !important;
}

.paddingBottom370 {
  padding-bottom: 370px !important;
}

.marginTop375 {
  margin-top: 375px !important;
}

.marginBottom375 {
  margin-bottom: 375px !important;
}

.paddingTop375 {
  padding-top: 375px !important;
}

.paddingBottom375 {
  padding-bottom: 375px !important;
}

.marginTop380 {
  margin-top: 380px !important;
}

.marginBottom380 {
  margin-bottom: 380px !important;
}

.paddingTop380 {
  padding-top: 380px !important;
}

.paddingBottom380 {
  padding-bottom: 380px !important;
}

.marginTop385 {
  margin-top: 385px !important;
}

.marginBottom385 {
  margin-bottom: 385px !important;
}

.paddingTop385 {
  padding-top: 385px !important;
}

.paddingBottom385 {
  padding-bottom: 385px !important;
}

.marginTop390 {
  margin-top: 390px !important;
}

.marginBottom390 {
  margin-bottom: 390px !important;
}

.paddingTop390 {
  padding-top: 390px !important;
}

.paddingBottom390 {
  padding-bottom: 390px !important;
}

.marginTop395 {
  margin-top: 395px !important;
}

.marginBottom395 {
  margin-bottom: 395px !important;
}

.paddingTop395 {
  padding-top: 395px !important;
}

.paddingBottom395 {
  padding-bottom: 395px !important;
}

.marginTop400 {
  margin-top: 400px !important;
}

.marginBottom400 {
  margin-bottom: 400px !important;
}

.paddingTop400 {
  padding-top: 400px !important;
}

.paddingBottom400 {
  padding-bottom: 400px !important;
}

.marginTop405 {
  margin-top: 405px !important;
}

.marginBottom405 {
  margin-bottom: 405px !important;
}

.paddingTop405 {
  padding-top: 405px !important;
}

.paddingBottom405 {
  padding-bottom: 405px !important;
}

.marginTop410 {
  margin-top: 410px !important;
}

.marginBottom410 {
  margin-bottom: 410px !important;
}

.paddingTop410 {
  padding-top: 410px !important;
}

.paddingBottom410 {
  padding-bottom: 410px !important;
}

.marginTop415 {
  margin-top: 415px !important;
}

.marginBottom415 {
  margin-bottom: 415px !important;
}

.paddingTop415 {
  padding-top: 415px !important;
}

.paddingBottom415 {
  padding-bottom: 415px !important;
}

.marginTop420 {
  margin-top: 420px !important;
}

.marginBottom420 {
  margin-bottom: 420px !important;
}

.paddingTop420 {
  padding-top: 420px !important;
}

.paddingBottom420 {
  padding-bottom: 420px !important;
}

.marginTop425 {
  margin-top: 425px !important;
}

.marginBottom425 {
  margin-bottom: 425px !important;
}

.paddingTop425 {
  padding-top: 425px !important;
}

.paddingBottom425 {
  padding-bottom: 425px !important;
}

.marginTop430 {
  margin-top: 430px !important;
}

.marginBottom430 {
  margin-bottom: 430px !important;
}

.paddingTop430 {
  padding-top: 430px !important;
}

.paddingBottom430 {
  padding-bottom: 430px !important;
}

.marginTop435 {
  margin-top: 435px !important;
}

.marginBottom435 {
  margin-bottom: 435px !important;
}

.paddingTop435 {
  padding-top: 435px !important;
}

.paddingBottom435 {
  padding-bottom: 435px !important;
}

.marginTop440 {
  margin-top: 440px !important;
}

.marginBottom440 {
  margin-bottom: 440px !important;
}

.paddingTop440 {
  padding-top: 440px !important;
}

.paddingBottom440 {
  padding-bottom: 440px !important;
}

.marginTop445 {
  margin-top: 445px !important;
}

.marginBottom445 {
  margin-bottom: 445px !important;
}

.paddingTop445 {
  padding-top: 445px !important;
}

.paddingBottom445 {
  padding-bottom: 445px !important;
}

.marginTop450 {
  margin-top: 450px !important;
}

.marginBottom450 {
  margin-bottom: 450px !important;
}

.paddingTop450 {
  padding-top: 450px !important;
}

.paddingBottom450 {
  padding-bottom: 450px !important;
}

.marginTop455 {
  margin-top: 455px !important;
}

.marginBottom455 {
  margin-bottom: 455px !important;
}

.paddingTop455 {
  padding-top: 455px !important;
}

.paddingBottom455 {
  padding-bottom: 455px !important;
}

.marginTop460 {
  margin-top: 460px !important;
}

.marginBottom460 {
  margin-bottom: 460px !important;
}

.paddingTop460 {
  padding-top: 460px !important;
}

.paddingBottom460 {
  padding-bottom: 460px !important;
}

.marginTop465 {
  margin-top: 465px !important;
}

.marginBottom465 {
  margin-bottom: 465px !important;
}

.paddingTop465 {
  padding-top: 465px !important;
}

.paddingBottom465 {
  padding-bottom: 465px !important;
}

.marginTop470 {
  margin-top: 470px !important;
}

.marginBottom470 {
  margin-bottom: 470px !important;
}

.paddingTop470 {
  padding-top: 470px !important;
}

.paddingBottom470 {
  padding-bottom: 470px !important;
}

.marginTop475 {
  margin-top: 475px !important;
}

.marginBottom475 {
  margin-bottom: 475px !important;
}

.paddingTop475 {
  padding-top: 475px !important;
}

.paddingBottom475 {
  padding-bottom: 475px !important;
}

.marginTop480 {
  margin-top: 480px !important;
}

.marginBottom480 {
  margin-bottom: 480px !important;
}

.paddingTop480 {
  padding-top: 480px !important;
}

.paddingBottom480 {
  padding-bottom: 480px !important;
}

.marginTop485 {
  margin-top: 485px !important;
}

.marginBottom485 {
  margin-bottom: 485px !important;
}

.paddingTop485 {
  padding-top: 485px !important;
}

.paddingBottom485 {
  padding-bottom: 485px !important;
}

.marginTop490 {
  margin-top: 490px !important;
}

.marginBottom490 {
  margin-bottom: 490px !important;
}

.paddingTop490 {
  padding-top: 490px !important;
}

.paddingBottom490 {
  padding-bottom: 490px !important;
}

.marginTop495 {
  margin-top: 495px !important;
}

.marginBottom495 {
  margin-bottom: 495px !important;
}

.paddingTop495 {
  padding-top: 495px !important;
}

.paddingBottom495 {
  padding-bottom: 495px !important;
}

.marginTop500 {
  margin-top: 500px !important;
}

.marginBottom500 {
  margin-bottom: 500px !important;
}

.paddingTop500 {
  padding-top: 500px !important;
}

.paddingBottom500 {
  padding-bottom: 500px !important;
}

/*
*  幅
*----------------------------*/
.w5 {
  width: 5px !important;
}

.w10 {
  width: 10px !important;
}

.w15 {
  width: 15px !important;
}

.w20 {
  width: 20px !important;
}

.w25 {
  width: 25px !important;
}

.w30 {
  width: 30px !important;
}

.w35 {
  width: 35px !important;
}

.w40 {
  width: 40px !important;
}

.w45 {
  width: 45px !important;
}

.w50 {
  width: 50px !important;
}

.w55 {
  width: 55px !important;
}

.w60 {
  width: 60px !important;
}

.w65 {
  width: 65px !important;
}

.w70 {
  width: 70px !important;
}

.w75 {
  width: 75px !important;
}

.w80 {
  width: 80px !important;
}

.w85 {
  width: 85px !important;
}

.w90 {
  width: 90px !important;
}

.w95 {
  width: 95px !important;
}

.w100 {
  width: 100px !important;
}

.w105 {
  width: 105px !important;
}

.w110 {
  width: 110px !important;
}

.w115 {
  width: 115px !important;
}

.w120 {
  width: 120px !important;
}

.w125 {
  width: 125px !important;
}

.w130 {
  width: 130px !important;
}

.w135 {
  width: 135px !important;
}

.w140 {
  width: 140px !important;
}

.w145 {
  width: 145px !important;
}

.w150 {
  width: 150px !important;
}

.w155 {
  width: 155px !important;
}

.w160 {
  width: 160px !important;
}

.w165 {
  width: 165px !important;
}

.w170 {
  width: 170px !important;
}

.w175 {
  width: 175px !important;
}

.w180 {
  width: 180px !important;
}

.w185 {
  width: 185px !important;
}

.w190 {
  width: 190px !important;
}

.w195 {
  width: 195px !important;
}

.w200 {
  width: 200px !important;
}

.w205 {
  width: 205px !important;
}

.w210 {
  width: 210px !important;
}

.w215 {
  width: 215px !important;
}

.w220 {
  width: 220px !important;
}

.w225 {
  width: 225px !important;
}

.w230 {
  width: 230px !important;
}

.w235 {
  width: 235px !important;
}

.w240 {
  width: 240px !important;
}

.w245 {
  width: 245px !important;
}

.w250 {
  width: 250px !important;
}

.w255 {
  width: 255px !important;
}

.w260 {
  width: 260px !important;
}

.w265 {
  width: 265px !important;
}

.w270 {
  width: 270px !important;
}

.w275 {
  width: 275px !important;
}

.w280 {
  width: 280px !important;
}

.w285 {
  width: 285px !important;
}

.w290 {
  width: 290px !important;
}

.w295 {
  width: 295px !important;
}

.w300 {
  width: 300px !important;
}

.w305 {
  width: 305px !important;
}

.w310 {
  width: 310px !important;
}

.w315 {
  width: 315px !important;
}

.w320 {
  width: 320px !important;
}

.w325 {
  width: 325px !important;
}

.w330 {
  width: 330px !important;
}

.w335 {
  width: 335px !important;
}

.w340 {
  width: 340px !important;
}

.w345 {
  width: 345px !important;
}

.w350 {
  width: 350px !important;
}

.w355 {
  width: 355px !important;
}

.w360 {
  width: 360px !important;
}

.w365 {
  width: 365px !important;
}

.w370 {
  width: 370px !important;
}

.w375 {
  width: 375px !important;
}

.w380 {
  width: 380px !important;
}

.w385 {
  width: 385px !important;
}

.w390 {
  width: 390px !important;
}

.w395 {
  width: 395px !important;
}

.w400 {
  width: 400px !important;
}

.w405 {
  width: 405px !important;
}

.w410 {
  width: 410px !important;
}

.w415 {
  width: 415px !important;
}

.w420 {
  width: 420px !important;
}

.w425 {
  width: 425px !important;
}

.w430 {
  width: 430px !important;
}

.w435 {
  width: 435px !important;
}

.w440 {
  width: 440px !important;
}

.w445 {
  width: 445px !important;
}

.w450 {
  width: 450px !important;
}

.w455 {
  width: 455px !important;
}

.w460 {
  width: 460px !important;
}

.w465 {
  width: 465px !important;
}

.w470 {
  width: 470px !important;
}

.w475 {
  width: 475px !important;
}

.w480 {
  width: 480px !important;
}

.w485 {
  width: 485px !important;
}

.w490 {
  width: 490px !important;
}

.w495 {
  width: 495px !important;
}

.w500 {
  width: 500px !important;
}

.sec {
  margin-top: 90px;
}
@media only screen and (max-width: 1023px) {
  .sec {
    margin-top: 60px;
  }
}

.iframeWrap {
  width: 100%;
  aspect-ratio: 16/9;
}
.iframeWrap iframe {
  width: 100%;
  height: 100%;
}

.pageMvSimple .pageMvInner {
  text-align: right;
}

.floatBnr {
  position: fixed;
  bottom: 40%;
  right: 0;
  opacity: 0.9;
  z-index: 2;
  transform: translateX(10px);
  transition: transform 0.3s, opacity 0.3s;
  cursor: pointer;
}
@media only screen and (max-width: 799px) {
  .floatBnr {
    bottom: 0;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 375px;
  }
}
.floatBnr a {
  width: 75px;
  height: 190px;
  background-color: #EB8C00;
  border-radius: 10px 0 0 10px;
  align-content: center;
}
@media only screen and (max-width: 799px) {
  .floatBnr a {
    border-radius: 10px 10px 0 0;
    max-width: 375px;
    height: 50px;
    width: unset;
  }
}
.floatBnr a img {
  margin: auto;
}
.floatBnr:hover {
  transform: translateX(0px);
  opacity: 1;
}
@media only screen and (max-width: 799px) {
  .floatBnr:hover {
    transform: translateX(-50%);
  }
}

/* Module */
.m-btn01 {
  position: relative;
  width: max-content;
  font-weight: 700;
  display: block;
  color: #333333;
  padding: 5px 40px 5px 57px;
  align-content: center;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #333333;
  min-height: 60px;
  min-width: 300px;
  margin-bottom: 15px;
}
.m-btn01::before {
  position: absolute;
  content: "";
  -webkit-mask: url(../img/common/icon-excel.svg) no-repeat top left/100% auto;
  mask: url(../img/common/icon-excel.svg) no-repeat top left/100% auto;
  background-color: #333333;
  width: 27px;
  height: 31px;
  top: 13px;
  left: 15px;
  display: block;
  transition: all 0.3s;
}
.m-btn01::after {
  position: absolute;
  content: "";
  -webkit-mask: url(../img/common/icon-arrow.svg) no-repeat top right/100% auto;
  mask: url(../img/common/icon-arrow.svg) no-repeat top right/100% auto;
  width: 12px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  background-color: #333333;
  transition: all 0.3s;
}
.m-btn01:hover {
  color: #EB8C00;
  border: 1px solid #EB8C00;
}
.m-btn01:hover::before {
  background-color: #EB8C00;
}
.m-btn01:hover::after {
  background-color: #EB8C00;
  width: 17px;
  height: 17px;
}

.m-btn01.pdf::before {
  -webkit-mask: url(../img/common/icon-pdf.svg) no-repeat top left/100% auto;
  mask: url(../img/common/icon-pdf.svg) no-repeat top left/100% auto;
}

.m-pageNav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 30px;
  margin-top: 52px;
}
.m-pageNav .pageNav_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.m-pageNav .pageNav_item {
  width: 40px;
  height: 40px;
  border: 2px solid #CCCCCC;
  background-color: #fff;
}
.m-pageNav .pageNav_item.current {
  text-align: center;
  padding: 4px 0 0 0;
  font-family: "noto sans JP", sans-serif;
  font-size: 16px;
  color: #fff;
  background-color: #CCCCCC;
}
.m-pageNav .pageNav_item a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 4px 0 0 0;
  font-family: "noto sans JP", sans-serif;
  font-size: 16px;
}
.m-pageNav .pageNav_item:hover a {
  color: #fff;
  background-color: #CCCCCC;
}
.m-pageNav .pageNav_prev,
.m-pageNav .pageNav_next {
  width: 20px;
  height: 40px;
}
.m-pageNav .pageNav_prev a,
.m-pageNav .pageNav_next a {
  -webkit-mask: url(../img/common/pagenav.svg) no-repeat center;
  mask: url(../img/common/pagenav.svg) no-repeat center;
  background-color: #c3c3c3;
  height: 100%;
}
.m-pageNav .pageNav_next a {
  transform: rotate(180deg);
}
.m-pageNav .pageNav_prev:hover a,
.m-pageNav .pageNav_next:hover a {
  background-color: #EB8C00;
  transition: all 0.3s;
}

.navLink {
  display: grid;
  flex-wrap: wrap;
  gap: 16px 24px;
  grid-template-columns: repeat(auto-fit, minmax(218px, 1fr));
  margin: auto !important;
}
@media only screen and (max-width: 599px) {
  .navLink {
    gap: 17px 10px;
    max-width: 300px;
  }
}
.navLink li {
  border: 1px solid #333333;
  border-radius: 100px;
  align-self: center;
}
.navLink li a {
  display: block;
  padding: 4px 10px;
  text-align: center;
  background-color: #fff;
  border-radius: 100px;
  width: 100%;
}
.navLink li a:hover {
  background-color: #333333;
  color: #fff;
}

.faq nav {
  margin: 0 auto 48px;
  max-width: 710px;
}

.m-tbl01 {
  width: 100%;
  margin-bottom: 40px;
}
.m-tbl01 th,
.m-tbl01 td {
  border: 1px solid #707070;
  text-align: center;
}
.m-tbl01 th {
  font-weight: bold;
  padding: 16px 12px;
  font-size: 16px;
}
.m-tbl01 td {
  padding: 18px 15px;
  width: 25%;
}
.m-tbl01 .bgc01 {
  background-color: #ECF8EA;
}
.m-tbl01 .bgc02 {
  background-color: #edecf4;
}

.m-tag {
  font-size: 12px;
  text-align: center;
  color: #fff;
  padding: 1px 14px;
  border-radius: 30px;
  min-width: 92px;
  display: inline-block;
  margin-left: 12px;
  width: max-content;
}
.m-tag.tag01 {
  background-color: #0C5900;
}
.m-tag.tag02 {
  background-color: #EB8C00;
}
.m-tag.tag03 {
  background-color: #fff;
  color: #333333;
  border: 1px solid #707070;
}

/* Page */
.contact .pageBgSection::before {
  z-index: -1;
}
.contact .body {
  padding-left: 35px;
}
@media only screen and (max-width: 599px) {
  .contact .body {
    padding-left: 0;
  }
}

.request .pageBgSection {
  padding: 29px 6.5% 25px;
  max-width: 932px;
  justify-content: space-between;
  gap: 16px 8%;
}
.request .pageBgSection::before {
  z-index: -1;
  top: 0;
  height: 100%;
}
@media only screen and (max-width: 1023px) {
  .request .pageBgSection {
    margin-top: 15px;
    flex-direction: column-reverse;
  }
}
.request .textWrap {
  width: 61.5%;
  margin-top: 15px;
  max-width: 444px;
}
@media only screen and (max-width: 1023px) {
  .request .textWrap {
    width: 100%;
    margin-top: 0;
    max-width: unset;
  }
}
.request .textWrap a {
  margin-top: 16px;
  display: inline-block;
  position: relative;
  padding: 0px 29px 12px 0;
  font-size: 15px;
  line-height: 1;
  background-image: linear-gradient(to right, #707070 50%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
.request .textWrap a::after {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  top: -2px;
  right: 0;
  background: url(../img/common/icon-arrow-right.svg) no-repeat center/6.86px auto;
  background-color: #333333;
  border-radius: 5px;
  transition: all 0.3s;
}
.request .textWrap a:hover::after {
  background-color: #EB8C00;
}
.request .imgWrap {
  width: 35.5%;
  background-color: #fff;
  border-radius: 0 15px 0 15px;
  position: relative;
  box-shadow: 5px 5px rgba(235, 140, 0, 0.2);
  align-content: center;
  height: 158px;
  min-width: 260px;
  margin: auto;
}
@media only screen and (max-width: 599px) {
  .request .imgWrap {
    width: 100%;
    max-width: 260px;
    height: 147px;
    min-width: unset;
  }
}
.request .imgWrap img {
  margin: auto;
  max-width: 186px;
}
@media only screen and (max-width: 599px) {
  .request .imgWrap img {
    max-width: 173px;
  }
}

#postalCode {
  max-width: 280px;
}

.postTitle {
  font-size: 33px;
  font-weight: 700;
  font-family: "Zen Old Mincho", serif;
  border-left: 1px solid #EB8C00;
  margin-top: 10px;
  padding-left: 15px;
}
@media only screen and (max-width: 1023px) {
  .postTitle {
    font-size: 26px;
    margin-top: 16px;
    line-height: 1.4;
  }
}

.postImg {
  margin: 53px auto 0;
}
@media only screen and (max-width: 1023px) {
  .postImg {
    margin: 36px auto 0;
  }
}
.postImg img {
  margin: 0 auto;
}

.postTxt {
  margin-top: 44px;
}
@media only screen and (max-width: 1023px) {
  .postTxt {
    margin: 27px auto 0;
  }
}
.postTxt a {
  color: #EB8C00;
  display: inline-block;
  word-break: break-word;
  transition: all 0.3s;
}
.postTxt a:hover {
  color: #333333;
  text-decoration: underline;
}

.blog {
  gap: 40px 5%;
}
@media only screen and (max-width: 1023px) {
  .blog {
    flex-direction: column-reverse;
  }
}
.blog .articleWrap {
  width: calc(100% - 200px - 5%);
}
@media only screen and (max-width: 1023px) {
  .blog .articleWrap {
    width: 100%;
  }
}
.blog .modBtn1 {
  text-align: center;
  margin-top: 46px;
}
.blog .modBtn1 .btnInner {
  width: 197px;
}

.event {
  gap: 40px 5%;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .event {
    flex-direction: column-reverse;
  }
}
.event .articleWrap {
  width: calc(100% - 200px - 5%);
  max-width: 837px;
}
@media only screen and (max-width: 1023px) {
  .event .articleWrap {
    width: 100%;
    max-width: unset;
  }
}
.event .houseList.houseListEvent a {
  width: calc(33.3333333333% - 31.5px);
}
@media screen and (max-width: 799px) {
  .event .houseList.houseListEvent a {
    width: calc(50% - 31.5px);
  }
}
@media only screen and (max-width: 599px) {
  .event .houseList.houseListEvent a {
    width: 100%;
  }
}
.event .telLink {
  color: #333333;
}
.event .modBtn1 {
  text-align: center;
  margin-top: 46px;
}
.event .modBtn1 .btnInner {
  width: 228px;
}

@media print, screen and (min-width: 1024px) {
  .sideMenu {
    width: 200px;
  }
}
@media only screen and (max-width: 599px) {
  .sideMenu {
    max-width: 100%;
  }
}
.sideMenu .head {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 13px;
  font-family: "Zen Old Mincho", serif;
  padding-bottom: 7px;
  position: relative;
}
@media only screen and (max-width: 599px) {
  .sideMenu .head {
    font-size: 23px;
    padding-bottom: 3px;
    margin-bottom: 5px;
  }
}
.sideMenu .head::after {
  position: absolute;
  content: "";
  background: linear-gradient(to right, #EB8C00 0, #EB8C00 48px, #707070 48px, #707070 100%);
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 599px) {
  .sideMenu .head::after {
    background: linear-gradient(to right, #EB8C00 0, #EB8C00 32px, #707070 32px, #707070 100%);
  }
}
@media only screen and (max-width: 1023px) {
  .sideMenu .sideMenu_list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 6%;
  }
}
.sideMenu .sideMenu_item {
  background-image: linear-gradient(to right, #707070 50%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
@media only screen and (max-width: 1023px) {
  .sideMenu .sideMenu_item {
    width: 47%;
    min-width: 150px;
  }
}
.sideMenu .sideMenu_item a {
  display: block;
  padding: 13px 25px 8px 15px;
  position: relative;
}
.sideMenu .sideMenu_item a::before {
  content: "";
  position: absolute;
  background-color: #CCCCCC;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  top: 24px;
  left: 0;
  transition: all 0.3s;
}
.sideMenu .sideMenu_item a::after {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  top: 19px;
  right: 0;
  background: url(../img/common/icon-arrow-right.svg) no-repeat center/6.86px auto;
  background-color: #333333;
  border-radius: 5px;
  transition: all 0.3s;
}
.sideMenu .sideMenu_item a:hover::before, .sideMenu .sideMenu_item a:hover::after {
  background-color: #EB8C00;
}

.company .m-hl03 {
  margin-top: 45px;
}
@media only screen and (max-width: 1023px) {
  .company .m-hl03 {
    margin-top: 30px;
  }
}
.company .table1 {
  margin-top: 48px;
}
@media only screen and (max-width: 1023px) {
  .company .table1 {
    margin-top: 30px;
  }
}
.company .lead {
  margin-top: 20px;
}
.company .access {
  margin-top: 48px;
  gap: 40px 5.7%;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 599px) {
  .company .access {
    flex-direction: column;
    margin-top: 32px;
  }
}
.company .box {
  width: 47.15%;
}
@media only screen and (max-width: 599px) {
  .company .box {
    width: 100%;
  }
}
.company .box img {
  border-radius: 0 15px 0 15px;
  margin-bottom: 20px;
  width: 100%;
}
.company .address {
  margin: 14px 24px 0 0;
  display: inline-block;
}
@media only screen and (max-width: 1023px) {
  .company .address {
    margin: 8px 18px 16px 0;
  }
}
.company .mapLink {
  display: inline-block;
  position: relative;
  padding: 0px 29px 8px 18px;
  font-size: 15px;
  line-height: 1;
  background-image: linear-gradient(to right, #707070 50%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
  vertical-align: text-bottom;
}
.company .mapLink::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 13px;
  height: 16px;
  background: url(../img/common/icon-map.svg) no-repeat center right/100% auto;
}
.company .mapLink::after {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  top: -2px;
  right: 0;
  background: url(../img/common/icon-arrow-right.svg) no-repeat center/6.86px auto;
  background-color: #333333;
  border-radius: 5px;
  transition: background-color 0.3s;
}
.company .mapLink:hover::after {
  background-color: #EB8C00;
}
.company .iframeWrap {
  margin-top: 48px;
}
@media only screen and (max-width: 1023px) {
  .company .iframeWrap {
    margin-top: 32px;
  }
}
.company .historyList {
  margin-top: 48px;
}
@media only screen and (max-width: 1023px) {
  .company .historyList {
    margin-top: 32px;
  }
}
.company .historyList li {
  position: relative;
  padding-left: 26px;
  padding-bottom: 32px;
  display: flex;
  column-gap: 14px;
}
@media only screen and (max-width: 1023px) {
  .company .historyList li {
    padding-bottom: 24px;
  }
}
.company .historyList li::before {
  position: absolute;
  content: "";
  background-color: #707070;
  width: 1px;
  height: 100%;
  top: 10px;
  left: 7px;
}
.company .historyList li::after {
  position: absolute;
  content: "";
  background-color: #EB8C00;
  top: 6px;
  left: 0px;
  width: 14px;
  height: 14px;
  border-radius: 0 3px 0 3px;
}
.company .historyList li:last-child::before {
  content: none;
}
.company .historyList .year {
  line-height: 1.6;
  min-width: 90px;
}
.company .historyList .body {
  line-height: 1.6;
}
.company .historyList .portraitImg {
  margin: 14px 0 4px;
}
.company .historyList .caption {
  font-size: 14px;
}

.dn {
  display: none;
}

.msg .d-grid {
  gap: 28px 6%;
  grid-template-columns: 280px 1fr;
  margin-top: 48px;
}
@media only screen and (max-width: 1023px) {
  .msg .d-grid {
    grid-template-columns: 1fr;
    margin-top: 34px;
  }
}
.msg .imgWrap {
  max-width: 280px;
}
@media only screen and (max-width: 599px) {
  .msg .imgWrap {
    max-width: 240px;
    margin: auto;
  }
}
.msg .msgWrap .sign {
  text-align: right;
  margin: 27px 0 0 0;
}
.msg .msgWrap .sign img {
  display: inline;
}
.msg .catch {
  margin: 45px 0 25px;
  font-size: 22px;
  font-weight: 700;
  font-family: "Zen Old Mincho", serif;
}
@media only screen and (max-width: 1023px) {
  .msg .catch {
    font-size: 18px;
    margin: 30px 0 25px;
  }
}

.case .caseCategory {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 14px;
}
@media only screen and (max-width: 599px) {
  .case .caseCategory {
    gap: 13px 10px;
  }
}
.case .caseCategory li {
  border: 1px solid #333333;
  border-radius: 100px;
}
.case .caseCategory li a {
  display: block;
  padding: 4px 10px;
  min-width: 139px;
  width: max-content;
  text-align: center;
  background-color: #fff;
  border-radius: 100px;
}
@media only screen and (max-width: 599px) {
  .case .caseCategory li a {
    font-size: 14px;
    min-width: 103px;
  }
}
.case .caseCategory li a:hover {
  background-color: #333333;
  color: #fff;
}
.case .houseList {
  margin-top: 65px;
  row-gap: 48px;
}
@media only screen and (max-width: 1023px) {
  .case .houseList {
    margin-top: 35px;
    row-gap: 27px;
  }
}
.case .m-pageNav {
  margin-top: 68px;
}
@media only screen and (max-width: 599px) {
  .case .m-pageNav {
    margin-top: 21px;
  }
}
.case .gallery .caseSwiper {
  margin-bottom: 32px;
}
@media only screen and (max-width: 599px) {
  .case .gallery .caseSwiper {
    margin-bottom: 16px;
  }
}
.case .gallery .caseSwiper .swiper-slide {
  height: 60vw;
  max-height: 600px;
}
@media only screen and (max-width: 599px) {
  .case .gallery .caseSwiper .swiper-slide {
    height: 58.1333333333vw;
    max-height: 100%;
  }
}
.case .gallery .caseSwiper .swiper-slide img {
  object-fit: contain;
  background-color: #fff;
}
.case .gallery .caseThumbnail .swiper-slide {
  height: 11.077vw;
  max-height: 110px;
  cursor: pointer;
  overflow: hidden;
}
@media only screen and (max-width: 599px) {
  .case .gallery .caseThumbnail .swiper-slide {
    height: 13.0666666667vw;
    max-height: 100%;
  }
}
.case .gallery .caseThumbnail .swiper-slide img {
  object-fit: contain;
}
.case .body {
  margin: 30px 0 56px;
}
@media only screen and (max-width: 1023px) {
  .case .body {
    margin: 20px 0 32px;
  }
}
.case .body-mini {
  margin: 20px 0 56px;
}
@media only screen and (max-width: 1023px) {
  .case .body-mini {
    margin: 20px 0 36px;
  }
}

.policy .listNum {
  margin: 32px 0 64px;
}
@media only screen and (max-width: 1023px) {
  .policy .listNum {
    margin: 24px 0 96px;
  }
}
.policy .listNum li {
  margin-bottom: 16px;
}
.policy .listNum.miniList {
  margin: 16px 0 0px;
}
.policy .listNum.miniList li {
  margin-bottom: 10px;
}
.policy .m-hl04 {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1023px) {
  .policy .m-hl04 {
    margin-bottom: 16px;
  }
}

.partners .sec01 {
  margin-top: 48px;
}
@media only screen and (max-width: 1023px) {
  .partners .sec01 {
    margin-top: 32px;
  }
}
.partners .sec01 .table {
  margin-top: 32px;
}
@media only screen and (max-width: 1023px) {
  .partners .sec01 .table {
    margin-top: 24px;
  }
}
.partners .sec02 {
  margin-top: 60px;
}
.partners .sec02 .m-hl03 {
  margin-bottom: 32px;
}
@media only screen and (max-width: 1023px) {
  .partners .sec02 .m-hl03 {
    margin-bottom: 24px;
  }
}
.partners .list {
  margin-top: 32px;
}
@media only screen and (max-width: 1023px) {
  .partners .list {
    margin-top: 22px;
  }
}

.mifunet .lead {
  margin: 45px 0;
}
.mifunet .magazineList {
  gap: 31px 3%;
  justify-content: flex-start;
}
.mifunet .magazineList .box {
  width: 17.6%;
}
@media only screen and (min-width: 600px) and (max-width: 1023px) {
  .mifunet .magazineList .box {
    width: 22.75%;
  }
}
@media screen and (max-width: 799px) {
  .mifunet .magazineList .box {
    width: 31.3333333333%;
  }
}
@media only screen and (max-width: 599px) {
  .mifunet .magazineList .box {
    width: 48.5%;
  }
}
.mifunet .magazineList .box img {
  margin-bottom: 6px;
}

.staff .card {
  width: 46.5%;
}
@media only screen and (max-width: 1023px) {
  .staff .card {
    width: 100%;
  }
}
.staff img {
  border-radius: 0 15px 0 15px;
}
.staff .msgBold {
  font-size: 18px;
  font-weight: 700;
  margin: 14px 0 11px;
  line-height: 1.4;
}
.staff .msgTtl {
  color: #EB8C00;
  font-size: 16px;
  font-weight: 700;
}
.staff .sec-ceo {
  gap: 48px 7%;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 60px;
}
@media only screen and (max-width: 1023px) {
  .staff .sec-ceo {
    flex-direction: column;
    padding-bottom: 46px;
  }
}
.staff .sec-ceo img {
  max-width: 280px;
  margin: 0 auto 27px;
}
@media only screen and (max-width: 1023px) {
  .staff .sec-ceo img {
    max-width: 230px;
    margin: 0 auto 10px;
  }
}
.staff .sec-ceo .m-hl04 {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1024px) and (max-width: 1110px) {
  .staff .sec-ceo .m-hl04 {
    margin-top: 62px;
  }
}
@media only screen and (max-width: 1110px) {
  .staff .sec-ceo .m-hl04.ceo {
    position: relative;
    margin-top: 62px;
  }
}
@media only screen and (max-width: 1023px) {
  .staff .sec-ceo .m-hl04 {
    flex-direction: column-reverse;
  }
}
.staff .sec-ceo .m-hl04 .catch {
  color: #EB8C00;
  font-size: 15px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  padding: 11px 40px 0 0;
  background: url(../img/staff/mifunemaru.svg) no-repeat top right/32px auto;
}
@media only screen and (max-width: 1110px) {
  .staff .sec-ceo .m-hl04 .catch {
    position: absolute;
    top: -40px;
    left: 0;
  }
}
.staff .sec-ceo .catch_sp {
  color: #EB8C00;
  font-size: 15px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  padding: 11px 40px 0 0;
  background: url(../img/staff/mifunemaru.svg) no-repeat top right/32px auto;
  display: inline-block;
}
.staff .sec-staff {
  margin-top: 64px;
  gap: 48px 7%;
}
@media only screen and (max-width: 1023px) {
  .staff .sec-staff {
    flex-direction: column;
    margin-top: 48px;
  }
}
@media only screen and (max-width: 1023px) {
  .staff .sec-staff .m-hl04 {
    padding: 0 0 0px 20px;
  }
}
.staff .sec-staff .card {
  gap: 10px 4%;
}
.staff .sec-staff .card .imgWrap {
  max-width: 180px;
}
@media only screen and (max-width: 1023px) {
  .staff .sec-staff .card .imgWrap {
    max-width: 230px;
    margin: auto;
  }
}
.staff .sec-staff .card .textWrap {
  width: calc(100% - 180px - 4%);
}
@media only screen and (max-width: 1023px) {
  .staff .sec-staff .card .textWrap {
    width: 100%;
  }
}
.staff .sec-staff .card.noImg .textWrap {
  width: 100%;
}
.staff .sec-staff-noImg {
  margin-top: 40px;
  gap: 44px 7%;
}
@media only screen and (max-width: 1023px) {
  .staff .sec-staff-noImg {
    margin-top: 24px;
    gap: 26px 7%;
  }
}

.sustainability img {
  border-radius: 0 15px 0 15px;
}
.sustainability .sec01 {
  margin-top: 50px;
}
.sustainability .sec02 {
  margin-top: 45px;
}
@media only screen and (max-width: 1023px) {
  .sustainability .sec02 {
    margin-top: 55px;
  }
}
.sustainability .sec03 {
  margin-top: 68px;
}
.sustainability .lead01 {
  margin-top: 42px;
}
@media only screen and (max-width: 1023px) {
  .sustainability .lead01 {
    margin-top: 30px;
  }
}
.sustainability .lead02 {
  margin: 30px 0 24px;
}
@media only screen and (max-width: 1023px) {
  .sustainability .lead02 {
    margin: 20px 0 24px;
  }
}
.sustainability .sec-akiya {
  margin-top: 32px;
}
@media only screen and (max-width: 1023px) {
  .sustainability .sec-akiya {
    margin-top: 20px;
  }
}
.sustainability .sec-akiya .flex {
  gap: 20px 5.5%;
  margin-top: 30px;
}
@media only screen and (max-width: 599px) {
  .sustainability .sec-akiya .flex {
    flex-direction: column;
  }
}
.sustainability .sec-akiya .flex .imgWrap {
  position: relative;
  width: 47.25%;
}
@media only screen and (max-width: 599px) {
  .sustainability .sec-akiya .flex .imgWrap {
    width: 100%;
  }
}
.sustainability .sec-akiya .flex .imgWrap img {
  border-radius: 0 15px 0 15px;
}
.sustainability .sec-akiya .flex .imgWrap .badge {
  background-color: #EB8C00;
  font-size: 20px;
  font-weight: 700;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 10px;
  width: max-content;
  min-width: 130px;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .sustainability .sec-akiya .flex .imgWrap .badge {
    font-size: 12px;
    min-width: 82px;
  }
}
.sustainability .pageSectionFlex3 {
  margin-top: 29px;
}
@media only screen and (max-width: 1023px) {
  .sustainability .pageSectionFlex3 {
    margin-top: 25px;
  }
}
.sustainability .pageSectionFlex3 .box img {
  width: 100%;
}

.award {
  padding-left: 25px;
}
@media only screen and (max-width: 1023px) {
  .award {
    padding-left: 0;
  }
}
.award img {
  border-radius: 0 15px 0 15px;
}
.award .sec-award {
  position: relative;
  padding-bottom: 53px;
}
@media only screen and (max-width: 1023px) {
  .award .sec-award {
    padding-bottom: 35px;
  }
}
.award .sec-award::before {
  position: absolute;
  content: "";
  background-color: #707070;
  width: 1px;
  height: 100%;
  top: 28px;
  left: 7px;
}
@media only screen and (max-width: 1023px) {
  .award .sec-award::before {
    left: 5px;
  }
}
.award .sec-award::after {
  position: absolute;
  content: "";
  background-color: #EB8C00;
  top: 25px;
  left: 0px;
  width: 14px;
  height: 14px;
  border-radius: 0 3px 0 3px;
}
@media only screen and (max-width: 1023px) {
  .award .sec-award::after {
    top: 18px;
    width: 12px;
    height: 12px;
  }
}
.award .sec-award:last-of-type {
  padding-bottom: 0;
}
.award .sec-award:last-of-type::before {
  content: none;
}
.award .sec-award .year {
  font-size: 33px;
  font-weight: 700;
  padding-left: 35px;
  font-family: "Zen Old Mincho", serif;
}
@media only screen and (max-width: 1023px) {
  .award .sec-award .year {
    font-size: 26px;
    padding-left: 24px;
  }
}
.award .sec-award .flex {
  gap: 22px 4%;
  margin: 16px 0 0 6.4%;
}
@media only screen and (max-width: 599px) {
  .award .sec-award .flex {
    flex-direction: column;
  }
}
.award .sec-award .flex .box {
  width: 48%;
}
@media only screen and (max-width: 599px) {
  .award .sec-award .flex .box {
    width: 100%;
  }
}
.award .sec-award .flex .title {
  font-size: 18px;
  font-weight: 700;
  font-family: "Zen Kaku Gothic New", sans-serif;
  text-align: center;
  margin-top: 16px;
}
@media only screen and (max-width: 1023px) {
  .award .sec-award .flex .title {
    font-size: 16px;
  }
}
.award .sec-award .flex .name {
  font-family: "Zen Kaku Gothic New", sans-serif;
  text-align: center;
  margin-top: 4px;
  line-height: 1.6;
}
.award .sec-award .table {
  margin: 35px 0 0 6.4%;
  width: 93.6%;
}
@media only screen and (max-width: 1023px) {
  .award .sec-award .table {
    margin: 22px 0 0 6.4%;
  }
}
.award .sec-award .table th {
  align-content: center;
}

.builderLink {
  display: inline-block;
  margin-bottom: 30px;
  text-decoration: underline;
  color: #EB8C00;
  font-size: 17px;
  transition: text-decoration 0.3s;
}
.builderLink:hover {
  text-decoration: none;
}

.uiturn img {
  border-radius: 0 15px;
  width: 100%;
}
.uiturn .intro {
  margin-top: 48px;
  gap: 16px 4%;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .uiturn .intro {
    margin-top: 32px;
  }
}
.uiturn .introTxt {
  width: 45%;
  max-width: 467px;
}
@media only screen and (max-width: 1023px) {
  .uiturn .introTxt {
    width: 100%;
    max-width: unset;
  }
}
.uiturn .introImg {
  width: 51%;
  height: 100%;
  max-width: 572px;
  position: relative;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1023px) {
  .uiturn .introImg {
    width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .uiturn .introImg {
    padding-bottom: 16px;
  }
}
.uiturn .introImg::after {
  position: absolute;
  content: "";
  width: 300px;
  height: 88px;
  bottom: 0;
  right: 0;
  background: url(../img/uiturn/illust-house.svg) no-repeat bottom;
  background-size: contain;
}
@media only screen and (max-width: 599px) {
  .uiturn .introImg::after {
    width: 213px;
    height: 62px;
  }
}
.uiturn .sec01 {
  margin-top: 72px;
}
@media only screen and (max-width: 1023px) {
  .uiturn .sec01 {
    margin-top: 48px;
  }
}
.uiturn .sec02 {
  margin: 32px 0 48px;
}
@media only screen and (max-width: 1023px) {
  .uiturn .sec02 {
    margin: 24px 0 40px;
  }
}
.uiturn .search {
  margin-top: 32px;
  gap: 32px 5.6%;
}
@media only screen and (max-width: 1023px) {
  .uiturn .search {
    margin-top: 24px;
  }
}
.uiturn .search .left {
  width: 51%;
}
@media only screen and (max-width: 1023px) {
  .uiturn .search .left {
    width: 100%;
  }
}
.uiturn .search .right {
  width: 43.4%;
}
@media only screen and (max-width: 1023px) {
  .uiturn .search .right {
    width: 100%;
  }
}
.uiturn .mt32 {
  margin-top: 32px;
}
.uiturn .pickup {
  margin-top: 56px;
}
@media only screen and (max-width: 1023px) {
  .uiturn .pickup {
    margin-top: 40px;
  }
}
.uiturn .pickupBox {
  background-color: #F4F0EC;
  border-radius: 0 10px;
  padding: 36px 42px;
  width: calc(100% - 33px);
  display: inline-block;
  margin-right: 11px;
}
@media only screen and (max-width: 1023px) {
  .uiturn .pickupBox {
    width: calc(100% - 23px);
    margin-right: 3px;
  }
}
@media only screen and (max-width: 599px) {
  .uiturn .pickupBox {
    padding: 24px 17px 39px 17px;
  }
}
.uiturn .pickupBox .pickupFlex {
  margin-top: 24px;
  gap: 24px 3.4%;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .uiturn .pickupBox .pickupFlex {
    margin-top: 16px;
  }
}
.uiturn .pickupBox .pickupFlex::after {
  position: absolute;
  content: "";
  background-image: url(../img/uiturn/illust-siro.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  width: 248px;
  height: 143px;
  bottom: -20px;
  left: 42.5%;
  z-index: 1;
}
@media only screen and (min-width: 1023px) and (max-width: 1125px) {
  .uiturn .pickupBox .pickupFlex::after {
    width: 200px;
    left: 50%;
  }
}
@media only screen and (max-width: 1023px) {
  .uiturn .pickupBox .pickupFlex::after {
    bottom: 0;
    left: unset;
    right: 0;
  }
}
@media only screen and (max-width: 599px) {
  .uiturn .pickupBox .pickupFlex::after {
    width: 157px;
    height: 90px;
    bottom: -15px;
    right: 10px;
  }
}
.uiturn .pickupBox .pickupTxt {
  width: 60%;
  z-index: 2;
  position: relative;
  max-width: 556px;
}
@media only screen and (max-width: 1023px) {
  .uiturn .pickupBox .pickupTxt {
    width: 100%;
    max-width: unset;
  }
}
.uiturn .pickupBox .pickupImg {
  width: 36.6%;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .uiturn .pickupBox .pickupImg {
    width: 93%;
    max-width: 500px;
  }
}
@media only screen and (max-width: 599px) {
  .uiturn .pickupBox .pickupImg {
    margin: auto;
  }
}
.uiturn .decoTxt {
  font-size: 14px;
  font-weight: 700;
  writing-mode: vertical-lr;
  font-family: "Zen Old Mincho", serif;
  line-height: 1.2;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .uiturn .decoTxt {
    font-size: 12px;
  }
}
.uiturn .decoTxt::before {
  position: absolute;
  content: "";
  background-color: #EB8C00;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  top: -23px;
  left: 1px;
}
@media only screen and (max-width: 1023px) {
  .uiturn .decoTxt::before {
    width: 8px;
    height: 8px;
    top: -13px;
  }
}
/*# sourceMappingURL=style.css.map */