@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900|Noto+Serif+JP:700&display=swap);
@charset 'utf-8';
/* 上書 */
body { overflow-wrap:break-word; word-wrap:break-word; }
@media screen and (min-width: 751px) {
  #mainContents.haveSide .container > .contentsWrapper { padding:0; }
}
#mainContents { overflow:hidden; }
#mainContents a:hover { opacity:0.6; text-decoration:none;  }
#mainContents .container { padding-top:0; }
#mainContents .container > .contentsWrapper { max-width:100%; padding:0; }
#mainContents .container > .contentsWrapper > .wrapper { padding-bottom:0; }

/* 共通 */
#lrt { background-color:#FFF; color:#19191A; font-family:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold; }

/* 個別 */
#lrt h2 { width:90%; margin:0 auto 20px; }
#lrt .pcbr { display:none; }
#lrt .spbr { display:block; }
#lrt .area01 h1 img { width:100%; }
#lrt .area02 { padding:40px 20px; background-image:url("../img/lrt_bg01.png"); }
#lrt .area02 p { text-align:justify; font-size:1.4rem; line-height:2.6em; }
#lrt .area02 p br { display:none; }
#lrt .area03 { padding:30px 20px; background-image:url("../img/lrt_bg02.png"); }
#lrt .area03 h3 { width:100%; margin:0 auto 1em; padding:0.25em 1em; text-align:center; background-color:#E5DCC9; font-size:2rem; }
#lrt .area03 h3 span { background:linear-gradient(transparent 70%, #FFF 0%); }
#lrt .area03 .inner { position:relative; padding:7%; background-image:url("../img/lrt_bg06.png"); background-size:100% auto; }
#lrt .area03 .inner::before { position:absolute; width:100%; height:5%; top:0; left:0; content:""; background-image:url("../img/lrt_bg05.png"); background-repeat:no-repeat; background-size:100% auto; background-position:top; }
#lrt .area03 .inner::after { position:absolute; width:100%; height:5%; bottom:0; left:0; content:""; background-image:url("../img/lrt_bg07.png"); background-repeat:no-repeat; background-size:100% auto; background-position:bottom; }
#lrt .area03 .intro { margin-bottom:1em; text-align:justify; font-size:1.6rem; font-weight:normal; line-height:2.4em; }
#lrt .area03 .img { text-align:center; }
#lrt .area03 .img + .img { margin-top:2em; }
#lrt .area03 .caption { text-align:right; font-size:1.2rem; font-weight:normal; margin-top:1em; }
#lrt .area03 .detail { text-align:left; font-size:1.4rem; font-weight:normal; margin-top:1em; }
#lrt .area04 { padding:30px 20px; background-image:url("../img/lrt_bg01.png"); }
#lrt .area04 h3 { position:relative; width:90%; margin:0 auto 0.5em; padding:2% 0.5em; font-size:3.4rem; font-weight:normal; text-align:center; }
#lrt .area04 h3::before { position:absolute; width:100%; height:12%; top:0; left:0; content:""; background-image:url("../img/lrt_bg03.png"); background-size:auto 100%; background-position:top; }
#lrt .area04 h3::after { position:absolute; width:100%; height:12%; bottom:0; left:0; content:""; background-image:url("../img/lrt_bg04.png"); background-size:auto 100%; background-position:bottom; }
#lrt .area04 .intro { margin-bottom:1em; text-align:center; font-size:1.6rem; }
#lrt .area04 .but { width:90%; margin:auto; background-color:#CC3A26; border-radius:6px; }
#lrt .area04 .but a { display:block; color:#FFF; padding:1em; text-align:center; font-size:1.6rem; background-image:linear-gradient(180deg, rgba(204, 51, 51, 0) 17%, rgba(210, 111, 75, 1) 65%, rgba(204, 58, 38, 0) 88%); }
#lrt .area04 .notice { margin-top:1em; text-align:center; font-size:1.4rem; font-weight:normal; }
#lrt .area06 { padding:30px 20px; background-color:#632D17; }
#lrt .area06 p { font-size:1.2rem; font-weight:normal; color:#FFF; padding-left:1em; text-indent:-1em; }

@media screen and (min-width: 751px) {
  #lrt h2 { max-width:422px; }
  #lrt .pcbr { display:block; }
  #lrt .spbr { display:none; }
  #lrt .inner { position:relative; z-index:5; }
  #lrt .columun_box { display:flex; justify-content:space-between; flex-wrap:wrap; }
  #lrt .box_cloud { position:relative; z-index:2; }
  #lrt .cloud_bg { position:absolute; top:0; left:0;  height:100%; width:100%; background-image:url("../img/lrt_bg00.png"); background-size:100% auto; z-index:3; }
  #lrt .area02 { padding:90px 20px; }
  #lrt .area02 p { text-align:center; font-size:1.6rem; line-height:3.2em; }
  #lrt .area02 p br { display:block; }
  #lrt .area03 { padding:126px 20px 98px; }
  #lrt .area03 h3 { max-width:400px; margin-bottom:40px; }
  #lrt .area03 .inner { position:relative; max-width:990px; margin:0 auto; padding:128px 58px 108px; }
  #lrt .area03 .inner::before { height:48px; }
  #lrt .area03 .inner::after { height:48px; }
  #lrt .area03 .inner h2 { position:absolute; top:-35px; left:calc(50% - 211px); }
  #lrt .area03 .intro { margin-bottom:38px; text-align:center; }
  #lrt .area03 .img + .img { margin-top:68px; }
  #lrt .area03 .caption { max-width:600px; margin:16px auto auto; }
  #lrt .area03 .detail { text-align:right; max-width:600px; margin:10px auto auto; }
  #lrt .area04 h3 { max-width:360px; margin:0 auto 26px; padding:20px; letter-spacing:0.25em; }
  #lrt .area04 h3::before { height:12px; }
  #lrt .area04 h3::after { height:12px; }
  #lrt .area04 .inner { max-width:990px; margin:0 auto; padding:100px 20px 66px; }
  #lrt .area04 .intro { margin-bottom:40px; }
  #lrt .area04 .but { max-width:568px; }
  #lrt .area04 .but a { font-size:2.0rem; }
  #lrt .area04 .notice { margin-top:40px; }
  #lrt .area06 { padding:38px 20px 112px; }
  #lrt .area06 .inner { max-width:854px; margin:0 auto; }
}

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

}