/*gold*/
/*lightblue*/
/*blue*/
/*bage*/
@import url(reset.css);
@import url("https://use.typekit.net/bpe2dox.css");
#special02 { font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; /*font-weight: <weight>;*/ font-style: normal; }
#special02 .isSp { display: none; }
#special02 .mt3 { margin-top: 3rem; }
#special02 .flexBox { display: flex; justify-content: center; align-items: center; }
#special02 .flexReverse { flex-direction: row-reverse; }
#special02 .justifyStart { justify-content: start; }
#special02 .justifyBetween { justify-content: space-between; }
#special02 .txtExtremelySmall { font-size: 1.1rem; font-feature-settings: "palt"; font-weight: 500; line-height: 180%; }
#special02 .txtSmall { font-size: 2rem; }
#special02 .txtMiddle { font-size: 3rem; }
#special02 .txtLarge { font-size: 4.5rem; }
#special02 .txtBold { font-weight: 600; }
#special02 .txtExtremelyBold { font-weight: 900; }
#special02 .colorPurple { color: #942343; }
#special02 .colorOrange { color: #c56519; }
#special02 .colorRed { color: #b81c25; }
#special02 .contents img { width: 100%; height: auto; }
#special02 p { color: #4b4b4b; }
#special02 .fvSec { position: relative; width: 100%; padding-top: 0; padding-bottom: 0; }
#special02 .mainSec { width: 100%; background: #ececee; }
#special02 .mainSec .box { max-width: 1000px; width: 90%; margin: 0 auto; }
#special02 .mainSec .box.box1 { margin-bottom: 0; }
#special02 .mainSec .box.box1 .row { display: flex; justify-content: center; align-items: center; }
#special02 .mainSec .box h4 { position: relative; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; background: #c56519; font-size: 3rem; line-height: 1.3; letter-spacing: -0.1rem; padding: 10px 0; }
#special02 .mainSec .box h4:before { position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 15px transparent; border-right: solid 40px #80191e; }
#special02 .mainSec .box .txtBox { margin-bottom: 0; margin-left: 40px; background: #e2cfb7; }
#special02 .mainSec .box .txtBox .inner { padding: 2rem 4rem; display: flex; flex-wrap: wrap; justify-content: space-between; }
#special02 .mainSec .box .txtBox .inner .pic { width: 48%; }
#special02 .mainSec .box .txtBox .inner .txtArea { width: 48%; font-weight: 600; font-size: 1.9rem; text-align: left; color: #4b4b4b; }
#special02 .mainSec .box .txtBox .inner .txtArea .annotation { margin-top: 2rem; line-height: 0.9; font-size: 2.5rem; }
#special02 .mainSec .box .txtBox .sub-head { padding: 0 4rem 4rem; }
#special02 .mainSec .box .txtBox h5 { width: 100%; padding: 10px 0; border-radius: 10px; line-height: 1.3; text-align: center; font-weight: 900; font-size: 3.3rem; color: #c56519; background: #ffffff; }
#special02 .mainSec .box .txtBox .inner2 { margin-bottom: 2rem; }
#special02 .mainSec .box .txtBox .inner2 .flexBox .annotation { margin-right: 1rem; text-align: left; line-height: 1.3; }
#special02 .mainSec .box .txtBox .inner2 .flexBox .annotation.txtSmall { font-size: 1.8rem; }
#special02 .mainSec .box .txtBox .inner2 .flexBox .annotation .txtLarge { font-size: 2.2rem; }
#special02 .balloonBox { padding: 0 4rem 2rem !important; }
#special02 .balloon { position: relative; display: inline-block; margin: 0; background: #ffffff; box-sizing: border-box; }
#special02 .balloon:before { content: ""; position: absolute; bottom: -24px; left: 50%; margin-left: -15px; border: 12px solid transparent; border-top: 12px solid #ffffff; z-index: 2; }
#special02 .balloon:after { content: ""; position: absolute; bottom: -28px; left: 50%; margin-left: -17px; border: 14px solid transparent; border-top: 14px solid #ffffff; z-index: 1; }
#special02 .exampleBox { padding: 0 4rem 4rem; }
#special02 .exampleBox .inner { padding: 2rem; background: #ffffff; }
#special02 .exampleBox .inner h6 { display: block; width: 100%; text-align: center; padding: 10px 0; background: #b81c25; color: #ffffff; font-size: 2rem; font-weight: 600; }
#special02 .exampleBox .inner ul { width: 100%; padding: 10px 0; border-bottom: 1px solid #000; }
#special02 .exampleBox .inner ul li { width: 33%; }
#special02 .exampleBox .inner ul li:nth-child(2) { border-left: 1px solid #000; border-right: 1px solid #000; }
#special02 .exampleBox .inner ul li .heading { padding: 0.5rem 0; font-size: 2rem; font-weight: 600; color: #000; }
#special02 .exampleBox .inner ul li .body { padding: 1rem 0; font-size: 2rem; font-weight: 600; color: #000; }
#special02 .exampleBox .inner ul li .body .txtLarge { display: inline-block; padding: 1rem 0; font-size: 10rem; font-weight: 600; }
#special02 .exampleBox .txtExample { width: 100%; padding-top: 2rem; text-align: left; color: #000; line-height: 1.3; font-size: 1.5rem; font-weight: 600; }
#special02 .etc { margin-left: 40px; padding: 2rem 0; text-align: left; color: #000000; font-size: 1.1rem; font-feature-settings: "palt"; font-weight: 600; line-height: 180%; }
#special02 .conversion { padding-top: 0; }

@media screen and (max-width: 1200px) { #special02 .txtLarge { font-size: 4rem; } }
@media screen and (max-width: 1024px) { #special02 .txtLarge { font-size: 3.5rem; }
  #special02 .mainSec .box h4 { font-size: 2.6rem; }
  #special02 .mainSec .box .txtBox h5 { font-size: 2.5rem; } }
@media screen and (max-width: 768px) { #special02 .etc { margin-left: 20px; }
  #special02 .isSp { display: block; }
  #special02 .txtSmall { font-size: 1.5rem; }
  #special02 .txtMiddle { font-size: 2.3rem; }
  #special02 .txtLarge { font-size: 3rem; }
  #special02 .mainSec .box .txtBox { margin-left: 20px; }
  #special02 .mainSec .box .txtBox .inner .txtArea { width: 100%; }
  #special02 .mainSec .box .txtBox .inner .pic { width: 100%; margin: 2rem 0; }
  #special02 .mainSec .box h4 { display: block; letter-spacing: 0rem; }
  #special02 .mainSec .box h4:before { position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 12px transparent; border-right: solid 20px #80191e; } }
@media screen and (max-width: 600px) { #special02 .etc { margin-left: 10px; }
  #special02 .txtSmall { font-size: 1.2rem; }
  #special02 .txtMiddle { font-size: 2rem; }
  #special02 .txtLarge { font-size: 2.2rem; }
  #special02 .mainSec .box .txtBox .inner .txtArea .annotation { font-size: 2.2rem; }
  #special02 .mainSec .box .txtBox .inner .txtArea .accent { font-size: 2.5rem; }
  #special02 .mainSec .box .txtBox .inner .txtArea .accent .txtLarge { font-size: 3.5rem; }
  #special02 .txtMiddle.accent { font-size: 2.5rem; }
  #special02 .txtMiddle.accent .txtLarge { font-size: 4rem; }
  #special02 .mainSec .box h4 { font-size: 2.1rem; }
  #special02 .mainSec .box h4 .txtLarge { font-size: 2.5rem; }
  #special02 .mainSec .box h4:before { position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 8px transparent; border-right: solid 10px #80191e; }
  #special02 .mainSec .box .txtBox { margin-left: 10px; }
  #special02 .mainSec .box .txtBox .sub-head { padding: 0 2rem 4rem; }
  #special02 .mainSec .box .txtBox .inner2 .flexBox .annotation.txtSmall { font-size: 1.5rem; }
  #special02 .mainSec .box .txtBox .inner2 .flexBox .annotation .txtLarge { font-size: 1.8rem; }
  #special02 .mainSec .box .txtBox h5 { font-size: 2.4rem; }
  #special02 .balloonBox { padding: 0 1rem 2rem !important; }
  #special02 .mainSec .box .txtBox h5.balloon { padding-left: 0.5rem; padding-right: 0.5rem; }
  #special02 .exampleBox .inner { padding: 2rem !important; }
  #special02 .exampleBox .txtExample { font-size: 1.2rem; } }