@charset "UTF-8";
/*
@mixin tabMpc { 
	@media screen and (min-width: 768px) and (max-width: 1280px){
		@content;
	}	
}
@mixin tabwMpc { 
	@media screen and (min-width: 961px) and (max-width: 1280px){
		@content;
	}	
}
*/
#main_content {
  padding-top: 0px !important; }

.sectionTit {
  text-align: center;
  font-size: 1.8rem;
  font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif;
  line-height: 1.4;
  margin-bottom: 50px; }
  @media screen and (min-width: 768px) and (max-width: 1280px) {
    .sectionTit {
      font-size: 2.2vw; } }
  @media screen and (min-width: 1281px) {
    .sectionTit {
      margin-bottom: 80px;
      font-size: 2.5rem; } }
  .sectionTit span {
    font-size: 4.8rem;
    display: inline-block;
    width: 100%; }
    @media screen and (min-width: 768px) and (max-width: 1280px) {
      .sectionTit span {
        font-size: 5.8vw; } }
    @media screen and (min-width: 1281px) {
      .sectionTit span {
        font-size: 7.0rem; } }

/*****************************************************
#visual
*****************************************************/
#visual {
  background: url("../images/home/mainvisual.jpg") no-repeat;
  text-align: left;
  position: relative;
  background-size: auto 100%;
  display: table;
  width: 100%; }
  @media screen and (max-width: 480px) {
    #visual {
      height: 400px;
      background-position: 80% 50%;
      background-size: auto 100%; } }
  @media screen and (min-width: 481px) and (max-width: 767px) {
    #visual {
      height: 500px;
      background-position: 90% 50%;
      background-size: auto 110%; } }
  @media screen and (min-width: 768px) and (max-width: 960px) {
    #visual {
      height: 550px;
      background-position: 100% 30%;
      background-size: auto 140%; } }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    #visual {
      height: 600px;
      background-position: 100% 30%;
      background-size: auto 140%; } }
  @media screen and (min-width: 1281px) {
    #visual {
      height: 800px;
      background-position: 100% 50%;
      background-size: auto 140%; } }
  #visual #visual_ol {
    display: table-cell;
    vertical-align: middle;
    text-shadow: 2px 2px 3px white, -2px -2px 6px white; }
    @media screen and (max-width: 480px) {
      #visual #visual_ol {
        height: 400px;
        padding: 0px 3% 0px 5%; } }
    @media screen and (min-width: 481px) and (max-width: 960px) {
      #visual #visual_ol {
        padding: 0px 3% 0px 5%; } }
    @media screen and (min-width: 961px) {
      #visual #visual_ol {
        padding: 0px 3% 0px 5%; } }
    @media screen and (min-width: 1281px) {
      #visual #visual_ol {
        padding: 0px 3% 0px 5%; } }
  #visual h1.mainText {
    color: #2a2f88;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 30px;
    font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif;
    border-bottom: 1px solid #2a2f88;
    display: inline-block;
    padding-bottom: 20px; }
    @media screen and (min-width: 1281px) {
      #visual h1.mainText {
        margin-bottom: 50px; } }
    #visual h1.mainText div {
      font-size: 2.2rem; }
      @media screen and (min-width: 481px) and (max-width: 960px) {
        #visual h1.mainText div {
          font-size: 4.5vw; } }
      @media screen and (min-width: 961px) and (max-width: 1280px) {
        #visual h1.mainText div {
          font-size: 4.0rem; } }
      @media screen and (min-width: 1281px) {
        #visual h1.mainText div {
          font-size: 5.5rem; } }
    #visual h1.mainText div.first {
      padding-bottom: 10px; }
    #visual h1.mainText span {
      font-size: 3.3rem;
      display: inline-block;
      font-weight: 900;
      color: #2a2f88;
      font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif; }
      @media screen and (min-width: 481px) and (max-width: 960px) {
        #visual h1.mainText span {
          font-size: 7.3vw; } }
      @media screen and (min-width: 961px) and (max-width: 1280px) {
        #visual h1.mainText span {
          font-size: 7.0rem; } }
      @media screen and (min-width: 1281px) {
        #visual h1.mainText span {
          font-size: 8.2rem; } }
  #visual h2.subText {
    font-weight: 900;
    margin-bottom: 30px;
    line-height: 1.4;
    margin-bottom: 30px;
    font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif;
    letter-spacing: 2px; }
    @media screen and (max-width: 480px) {
      #visual h2.subText {
        font-size: 1.6rem;
        width: 50%; } }
    @media screen and (min-width: 481px) and (max-width: 767px) {
      #visual h2.subText {
        font-size: 2.0rem;
        width: 50%; } }
    @media screen and (min-width: 768px) and (max-width: 1280px) {
      #visual h2.subText {
        font-size: 2.0vw;
        width: 53%; } }
    @media screen and (min-width: 1281px) {
      #visual h2.subText {
        margin-bottom: 50px;
        font-size: 3.0rem; } }

/*****************************************************
#individuals
*****************************************************/
#individuals {
  background: url("../images/home/lead_bg.jpg") center top;
  background-size: cover;
  text-align: center;
  color: #ffffff;
  position: relative; }
  #individuals .imgLeft {
    position: absolute;
    left: 0px;
    top: 100px;
    width: 22%; }
    @media screen and (max-width: 960px) {
      #individuals .imgLeft {
        display: none; } }
  #individuals .imgRight {
    position: absolute;
    right: 0px;
    bottom: -50px;
    width: 22%; }
    @media screen and (max-width: 960px) {
      #individuals .imgRight {
        display: none; } }
  @media screen and (max-width: 960px) {
    #individuals .imgBottom {
      max-width: 650px;
      margin: 0px auto; } }
  @media screen and (min-width: 961px) {
    #individuals .imgBottom {
      display: none; } }
  @media screen and (max-width: 960px) {
    #individuals h3.sectionTit {
      margin-bottom: 30px; } }
  #individuals h3.sectionTit span {
    color: #3b4175; }
  @media screen and (max-width: 767px) {
    #individuals .inner {
      padding-top: 80px; } }
  #individuals .catch {
    margin-bottom: 50px;
    font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif;
    font-size: 1.8rem;
    font-weight: bold; }
    @media screen and (min-width: 961px) {
      #individuals .catch {
        margin-bottom: 50px; } }
    @media screen and (min-width: 768px) and (max-width: 1280px) {
      #individuals .catch {
        font-size: 2.5vw; } }
    @media screen and (min-width: 1281px) {
      #individuals .catch {
        font-size: 3.0rem; } }
  #individuals ul {
    max-width: 670px;
    margin: 0px auto;
    margin-bottom: 60px; }
    #individuals ul li {
      text-align: center;
      background-image: linear-gradient(90deg, black, #111a4c 62%);
      margin-bottom: 30px;
      color: #bc983a;
      font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif;
      font-weight: bold;
      font-size: 2.0rem; }
      @media screen and (max-width: 767px) {
        #individuals ul li {
          padding: 15px  10px; } }
      @media screen and (min-width: 768px) {
        #individuals ul li {
          padding: 20px 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1280px) {
        #individuals ul li {
          font-size: 2.5vw; } }
      @media screen and (min-width: 1281px) {
        #individuals ul li {
          font-size: 3.0rem; } }
  #individuals .textArea {
    font-weight: bold; }
    @media screen and (max-width: 960px) {
      #individuals .textArea {
        font-size: 1.4rem; } }
  #individuals .moreBtn {
    background: #bc983a;
    position: relative;
    margin: 0px auto;
    transition: all .25s ease-out; }
    @media screen and (max-width: 960px) {
      #individuals .moreBtn {
        width: 300px;
        margin-bottom: 50px; } }
    @media screen and (min-width: 961px) {
      #individuals .moreBtn {
        width: 500px; } }
    #individuals .moreBtn:hover {
      background: #E4B947;
      transition: all .25s ease-out; }
    #individuals .moreBtn a {
      color: #ffffff;
      text-align: center;
      padding: 20px 15px;
      display: block;
      font-weight: bold;
      font-size: 1.8rem; }
      @media screen and (min-width: 1281px) {
        #individuals .moreBtn a {
          font-size: 3.0rem;
          padding: 20px 15px; } }
    #individuals .moreBtn::after {
      content: url("../images/common/arrow_white.svg");
      display: inline-block;
      width: 20px;
      background-size: contain;
      vertical-align: middle;
      position: absolute;
      right: 15px;
      top: 25px; }
      @media screen and (min-width: 1281px) {
        #individuals .moreBtn::after {
          top: 33px; } }

/*****************************************************
#features
*****************************************************/
#features {
  background: url("../images/home/features_bg.jpg") center top;
  background-size: cover;
  color: #ffffff; }
  #features .inner {
    padding: 0px !important;
    max-width: 100%;
    padding-top: 40px !important;
    padding-bottom: 40px !important; }
    @media screen and (min-width: 768px) {
      #features .inner {
        padding-top: 80px !important;
        padding-bottom: 80px !important; } }
  #features h3.sectionTit {
    color: #fff; }
    #features h3.sectionTit span {
      color: #34679d; }
  #features .feaures_ol {
    position: relative;
    padding-left: 0px;
    padding-top: 0px;
    max-width: 100%; }
    @media screen and (min-width: 961px) {
      #features .feaures_ol {
        display: flex;
        justify-content: space-between; } }
  @media screen and (min-width: 961px) {
    #features .feaures_ol.reverse {
      flex-direction: row-reverse; } }
  #features h2.Title {
    text-align: center;
    margin-bottom: 30px; }
    @media screen and (min-width: 961px) and (max-width: 1280px) {
      #features h2.Title {
        margin-bottom: 40px; } }
    @media screen and (min-width: 1281px) {
      #features h2.Title {
        margin-bottom: 60px !important; } }
  #features .catch {
    text-align: center; }
  #features h3.subTitle {
    color: #e0a716;
    margin-bottom: 30px;
    font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif;
    font-size: 2.2rem; }
    @media screen and (min-width: 768px) and (max-width: 1280px) {
      #features h3.subTitle {
        font-size: 2.8vw; } }
    @media screen and (min-width: 1281px) {
      #features h3.subTitle {
        font-size: 3.0rem; } }
    #features h3.subTitle span.num {
      font-size: 8.0rem;
      display: inline-block;
      border-bottom: 1px solid #bc983a;
      margin-bottom: 30px;
      line-height: 1.2; }
      @media screen and (min-width: 961px) and (max-width: 1280px) {
        #features h3.subTitle span.num {
          font-size: 7.5vw; } }
      @media screen and (min-width: 1281px) {
        #features h3.subTitle span.num {
          font-size: 9.0rem; } }
  #features p.text {
    font-size: 1.6rem; }
    @media screen and (min-width: 768px) and (max-width: 1280px) {
      #features p.text {
        font-size: 2.0rem; } }
    @media screen and (min-width: 1281px) {
      #features p.text {
        font-size: 2.2rem; } }
  @media screen and (max-width: 960px) {
    #features .imgArea {
      width: 90%;
      margin: 0px auto;
      max-width: 550px; } }
  @media screen and (min-width: 961px) {
    #features .imgArea {
      width: 50%; } }
  #features .imgArea img {
    width: 100%;
    object-fit: cover;
    z-index: 1; }
  #features .textArea {
    display: table; }
    @media screen and (max-width: 960px) {
      #features .textArea {
        width: 100%;
        text-align: center; } }
    @media screen and (min-width: 961px) {
      #features .textArea {
        width: 50%; } }
    #features .textArea .text_ol {
      display: table-cell;
      vertical-align: middle; }
  #features #no01 {
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      #features #no01 .textArea {
        padding: 8% 8% !important; } }
    @media screen and (min-width: 768px) and (max-width: 1280px) {
      #features #no01 .textArea {
        padding: 0% 5% 5% 5%; } }
    @media screen and (min-width: 1281px) {
      #features #no01 .textArea {
        padding-left: 10%; } }
  #features #no02 {
    margin: 0px auto; }
    @media screen and (max-width: 767px) {
      #features #no02 .textArea {
        padding: 8% 8% !important; } }
    @media screen and (min-width: 768px) and (max-width: 1280px) {
      #features #no02 .textArea {
        padding: 0% 5% 5% 5%; } }
    @media screen and (min-width: 1281px) {
      #features #no02 .textArea {
        padding-left: 10%; } }

/*****************************************************
#onayami
*****************************************************/
#onayami {
  background: url("../images/home/onayami_bg.jpg") right top no-repeat;
  background-color: #dfe8ed; }
  @media screen and (max-width: 767px) {
    #onayami {
      background-size: auto 100%;
      background-position: 80% 50%; } }
  @media screen and (min-width: 768px) and (max-width: 960px) {
    #onayami {
      background-size: auto 100%;
      background-position: 90% 50%; } }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    #onayami {
      background-size: auto 100%;
      background-position: 80% 50%; } }
  @media screen and (min-width: 1281px) {
    #onayami {
      background-size: 2000px auto; } }
  @media screen and (max-width: 960px) {
    #onayami .inner {
      padding-top: 80px; } }
  #onayami h2 {
    margin-bottom: 60px;
    font-weight: bold;
    color: #2a2f88;
    line-height: 1.2;
    font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif;
    text-shadow: 2px 2px 3px white, -2px -2px 6px white, -2px -2px 0px white; }
    @media screen and (max-width: 480px) {
      #onayami h2 {
        font-size: 3.5rem; } }
    @media screen and (min-width: 481px) and (max-width: 960px) {
      #onayami h2 {
        font-size: 5.5rem; } }
    @media screen and (min-width: 768px) and (max-width: 960px) {
      #onayami h2 {
        font-size: 5.5rem; } }
    @media screen and (min-width: 961px) and (max-width: 1280px) {
      #onayami h2 {
        font-size: 5.5rem; } }
    @media screen and (min-width: 1281px) {
      #onayami h2 {
        font-size: 5.0rem;
        margin-bottom: 80px; } }
  @media screen and (max-width: 960px) {
    #onayami .imgArea {
      width: 85%; } }

/*****************************************************
#kaiketsu
*****************************************************/
#kaiketsu {
  text-align: center;
  background: url("../images/home/kaiketsu_bg.jpg") no-repeat;
  background-size: 100% auto;
  color: #e0a716;
  font-weight: bold; }
  #kaiketsu .inner {
    padding-top: 20px;
    padding-bottom: 20px; }
    @media screen and (min-width: 1281px) {
      #kaiketsu .inner {
        padding-top: 40px;
        padding-bottom: 40px; } }
  #kaiketsu .kaiketsu_ol {
    font-size: 2.0rem; }
    @media screen and (min-width: 481px) {
      #kaiketsu .kaiketsu_ol {
        font-size: 3.3vw; } }
    @media screen and (min-width: 961px) {
      #kaiketsu .kaiketsu_ol {
        font-size: 3.1rem; } }
    #kaiketsu .kaiketsu_ol span {
      color: #e0a716;
      font-weight: bold;
      display: inline-block;
      width: 100%;
      font-size: 2.3rem;
      position: relative; }
      @media screen and (min-width: 481px) {
        #kaiketsu .kaiketsu_ol span {
          font-size: 5.0vw; } }
      @media screen and (min-width: 961px) {
        #kaiketsu .kaiketsu_ol span {
          font-size: 4.4rem; } }
      #kaiketsu .kaiketsu_ol span::before {
        content: url("../images/home/kaiketsu_point_l.svg");
        display: inline-block;
        width: 30px;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        margin-left: -50px; }
      #kaiketsu .kaiketsu_ol span::after {
        content: url("../images/home/kaiketsu_point_r.svg");
        display: inline-block;
        width: 30px;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        margin-left: 20px; }

/*****************************************************
#over
*****************************************************/
#over {
  background: url("../images/home/over_bg_sp.jpg") no-repeat center bottom; }
  @media screen and (min-width: 768px) {
    #over {
      background: url("../images/home/over_bg_pc.jpg") no-repeat center bottom; } }
  @media screen and (max-width: 480px) {
    #over {
      background-size: 480px auto;
      height: 500px; } }
  @media screen and (min-width: 481px) and (max-width: 767px) {
    #over {
      background-size: 800px auto;
      height: 700px; } }
  @media screen and (min-width: 768px) and (max-width: 960px) {
    #over {
      background-size: 1000px auto;
      height: 500px; } }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    #over {
      background-size: 1280px auto;
      height: 600px; } }
  @media screen and (min-width: 1281px) {
    #over {
      height: 800px; } }
  @media screen and (max-width: 480px) {
    #over .inner {
      padding-top: 50px; } }
  @media screen and (min-width: 481px) and (max-width: 767px) {
    #over .inner {
      padding-top: 50px; } }
  @media screen and (min-width: 768px) and (max-width: 960px) {
    #over .inner {
      padding-top: 50px; } }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    #over .inner {
      padding-top: 60px; } }
  @media screen and (min-width: 1281px) {
    #over .inner {
      padding-top: 80px; } }
  #over .over_ol {
    text-align: center;
    font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif;
    font-weight: bold;
    text-shadow: 2px 2px 3px white, -2px -2px 6px white;
    line-height: 1.2;
    font-size: 1.6rem; }
    @media screen and (min-width: 768px) and (max-width: 1280px) {
      #over .over_ol {
        font-size: 1.8rem; } }
    @media screen and (min-width: 1281px) {
      #over .over_ol {
        font-size: 2.5rem; } }
    #over .over_ol span {
      color: #C70E12;
      display: inline-block;
      width: 100%;
      font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif;
      display: inline-block;
      margin-bottom: 15px;
      font-size: 2.8rem; }
      @media screen and (min-width: 768px) and (max-width: 960px) {
        #over .over_ol span {
          font-size: 3.4rem; } }
      @media screen and (min-width: 961px) and (max-width: 1280px) {
        #over .over_ol span {
          font-size: 4.0vw; } }
      @media screen and (min-width: 1281px) {
        #over .over_ol span {
          font-size: 4.8rem; } }

/*****************************************************
#corporation
*****************************************************/
#corporation {
  background: #3e0000;
  position: relative; }
  @media screen and (min-width: 961px) {
    #corporation {
      height: 110px; } }
  #corporation .arrow_down {
    position: relative;
    left: 0;
    right: 0px;
    width: 250px;
    margin: 0px auto;
    bottom: -20px; }
    @media screen and (min-width: 961px) {
      #corporation .arrow_down {
        width: 350px;
        bottom: -20px; } }
  #corporation .inner {
    padding-top: 30px;
    padding-bottom: 0px; }
  #corporation h3.corpoTit {
    font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    font-size: 2.8rem;
    line-height: 0.8; }
    @media screen and (min-width: 961px) {
      #corporation h3.corpoTit {
        font-size: 3.5rem; } }
    #corporation h3.corpoTit span {
      display: inline-block;
      width: 100%;
      font-size: 1.2rem; }
      @media screen and (min-width: 961px) {
        #corporation h3.corpoTit span {
          font-size: 1.5rem; } }

.corpo_point .num {
  width: 80px;
  margin: 0px auto;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .corpo_point .num {
      width: 100px; } }
.corpo_point .catch {
  color: #e0a716;
  margin-bottom: 50px;
  font-size: 2.2rem;
  text-align: center;
  font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif;
  font-weight: bold; }
  @media screen and (min-width: 768px) and (max-width: 1280px) {
    .corpo_point .catch {
      font-size: 3.0vw; } }
  @media screen and (min-width: 1281px) {
    .corpo_point .catch {
      font-size: 3.5rem; } }

#corporation01 {
  color: #ffffff;
  background: url("../images/home/corporation01_bg.jpg");
  background-size: cover;
  background-position: 50% 0%; }
  #corporation01 .inner {
    padding-top: 50px; }
    @media screen and (min-width: 961px) {
      #corporation01 .inner {
        padding-top: 70px; } }
  #corporation01 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px; }
    #corporation01 ul li {
      border: 1px solid #ffffff;
      border-radius: 10px;
      padding: 15px 10px;
      width: 48%;
      margin-bottom: 20px;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #corporation01 ul li {
          padding: 30px 30px; } }
      @media screen and (min-width: 961px) {
        #corporation01 ul li {
          width: 31%;
          margin-bottom: 30px; } }
  #corporation01 .iconArea {
    width: 80px;
    margin: 0px auto;
    margin-bottom: 10px; }
    @media screen and (min-width: 768px) {
      #corporation01 .iconArea {
        width: 120px;
        margin-bottom: 20px; } }
  #corporation01 p {
    margin-bottom: 0px; }
    @media screen and (max-width: 767px) {
      #corporation01 p {
        font-size: 1.4rem; } }
  #corporation01 p.comment {
    text-align: center;
    color: #e0a716;
    font-size: 2.2rem;
    font-weight: bold; }
    @media screen and (min-width: 961px) {
      #corporation01 p.comment {
        font-size: 3.2rem; } }

#corporation02 {
  color: #ffffff;
  background: url("../images/home/corporation02_bg.jpg");
  background-size: cover;
  background-position: 50% 0%; }
  #corporation02 .imgArea {
    margin-bottom: 50px; }
    @media screen and (max-width: 767px) {
      #corporation02 .imgArea {
        max-width: 450px;
        margin: 0px auto;
        margin-bottom: 50px; } }
  #corporation02 .textArea {
    text-align: left;
    color: #e0a716;
    font-weight: bold;
    background: #7c0b0b;
    padding: 20px 20px;
    font-size: 2.0rem; }
    @media screen and (min-width: 768px) {
      #corporation02 .textArea {
        text-align: center;
        padding: 30px 30px;
        font-size: 2.4rem; } }

/*****************************************************
#contact_moreBtn
*****************************************************/
#contact_moreBtn {
  background: url("../images/home/contact_bg.jpg?1") right;
  background-size: 100% auto;
  border-top: 10px solid #C70E12; }
  #contact_moreBtn .inner {
    padding-top: 50px;
    padding-bottom: 50px; }
    @media screen and (min-width: 961px) {
      #contact_moreBtn .inner {
        padding-top: 80px;
        padding-bottom: 80px; } }
  #contact_moreBtn .moreBtn {
    max-width: 500px;
    margin: 0px auto;
    position: relative; }
    @media screen and (max-width: 767px) {
      #contact_moreBtn .moreBtn {
        max-width: 350px; } }
    #contact_moreBtn .moreBtn::after {
      content: url("../images/common/arrow_white.svg");
      display: inline-block;
      width: 20px;
      background-size: contain;
      vertical-align: middle;
      position: absolute;
      right: 15px;
      top: 30px; }
    #contact_moreBtn .moreBtn a {
      background: #bc983a;
      color: #ffffff;
      text-align: center;
      display: block;
      padding: 25px 20px;
      font-weight: bold;
      transition: all .25s ease-out; }
      @media screen and (max-width: 767px) {
        #contact_moreBtn .moreBtn a {
          font-size: 1.8rem; } }
      @media screen and (min-width: 768px) {
        #contact_moreBtn .moreBtn a {
          font-size: 3.0rem;
          padding: 25px 30px; } }
      #contact_moreBtn .moreBtn a:hover {
        background: #E4B947;
        transition: all .25s ease-out; }

/*****************************************************
#message
*****************************************************/
#message {
  background: url("../images/home/message_bg.jpg") no-repeat top right;
  background-size: cover; }
  @media screen and (min-width: 961px) {
    #message .message_ol {
      display: flex;
      justify-content: space-between; } }
  @media screen and (max-width: 960px) {
    #message .message_ol .messageArea {
      margin-bottom: 50px; } }
  @media screen and (min-width: 961px) {
    #message .message_ol .messageArea {
      width: 55%; } }
  @media screen and (min-width: 961px) {
    #message .message_ol .photoArea {
      width: 38%; } }
  #message h3.sectionTit {
    text-align: left;
    font-size: 2.0rem;
    margin-bottom: 50px; }
    @media screen and (max-width: 767px) {
      #message h3.sectionTit {
        text-align: center; } }
    @media screen and (min-width: 768px) and (max-width: 1280px) {
      #message h3.sectionTit {
        font-size: 2.2vw; } }
    @media screen and (min-width: 1281px) {
      #message h3.sectionTit {
        font-size: 2.5rem; } }
    #message h3.sectionTit span {
      color: #2a2f88;
      font-size: 3.2rem;
      display: inline-block;
      width: 100%; }
      @media screen and (min-width: 768px) and (max-width: 1280px) {
        #message h3.sectionTit span {
          font-size: 4.7vw; } }
      @media screen and (min-width: 1281px) {
        #message h3.sectionTit span {
          font-size: 6.4rem; } }
  #message .name {
    font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif;
    text-align: right; }
    #message .name span.tegaki {
      padding-bottom: 10px;
      padding-top: 10px;
      width: 300px;
      display: inline-block; }
  #message p {
    margin-bottom: 20px;
    font-weight: 500; }
  #message p.catch {
    font-weight: bold;
    font-size: 2.0rem;
    margin-bottom: 30px;
    font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif; }

/*****************************************************
#company
*****************************************************/
#company {
  background: url("../images/home/company_bg.jpg") no-repeat top right;
  background-size: cover;
  color: #ffffff; }
  @media screen and (max-width: 960px) {
    #company .company_ol {
      max-width: 600px;
      margin: 0px auto; } }
  @media screen and (min-width: 961px) {
    #company .company_ol {
      display: flex;
      justify-content: space-between; } }
  @media screen and (max-width: 960px) {
    #company .company_ol .infoArea {
      margin-bottom: 50px; } }
  @media screen and (min-width: 961px) {
    #company .company_ol .infoArea {
      width: 50%; } }
  @media screen and (min-width: 961px) {
    #company .company_ol .mapArea {
      width: 45%; } }
  #company h3.sectionTit {
    color: #fff; }
    #company h3.sectionTit span {
      color: #34679d; }
  #company dl {
    margin: 20px 0 20px;
    width: 100%;
    margin: 0px auto;
    border-top: 1px solid #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #company dl dt, #company dl dd {
      padding: 25px 0px 25px 0px;
      border-bottom: 1px solid  #fff; }
      @media screen and (min-width: 961px) {
        #company dl dt, #company dl dd {
          padding: 25px 0px 25px 0px; } }
    #company dl dt {
      font-weight: bold;
      color: #fff; }
      @media screen and (max-width: 960px) {
        #company dl dt {
          width: 100px; } }
      @media screen and (min-width: 961px) {
        #company dl dt {
          width: 120px; } }
    @media screen and (max-width: 960px) {
      #company dl dd {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px); } }
    @media screen and (min-width: 961px) {
      #company dl dd {
        width: -webkit-calc(100% - 120px);
        width: calc(100% - 120px); } }
  #company .mapArea iframe {
    display: block;
    width: 100%;
    height: 500px; }

/*****************************************************
#consulform
*****************************************************/
#consulform .leadText {
  text-align: center;
  margin-bottom: 80px;
  font-size: 2.3rem;
  font-weight: 700;
  color: #09488e; }
  @media screen and (min-width: 768px) {
    #consulform .leadText {
      margin-bottom: 80px;
      font-size: 3.0rem; } }
  @media screen and (min-width: 1281px) {
    #consulform .leadText {
      font-size: 4.0rem; } }
#consulform h4 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 2.2rem; }
  @media screen and (min-width: 768px) {
    #consulform h4 {
      font-size: 2.5rem;
      margin-bottom: 20px; } }
#consulform .flow {
  background: #ebebeb;
  border-radius: 10px;
  border: 1px solid #ccc;
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    #consulform .flow {
      padding: 20px 30px; } }
  @media screen and (min-width: 768px) {
    #consulform .flow {
      padding: 30px 50px;
      margin-bottom: 50px; } }
  #consulform .flow ul {
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      #consulform .flow ul {
        display: flex;
        justify-content: space-between; } }
    #consulform .flow ul li {
      background: #ffffff;
      border-radius: 10px;
      text-align: center;
      padding: 20px 15px 15px 15px;
      color: #000000;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        #consulform .flow ul li {
          margin-bottom: 15px; } }
      @media screen and (min-width: 768px) {
        #consulform .flow ul li {
          width: 32%; } }
    #consulform .flow ul .illustArea {
      max-width: 150px;
      margin: 0px auto;
      margin-bottom: 20px; }
      @media screen and (min-width: 961px) {
        #consulform .flow ul .illustArea {
          max-width: 200px; } }
#consulform form#mail_form {
  width: 100% !important;
  border: 0px !important; }
#consulform form#mail_form p#form_submit {
  text-align: center; }
#consulform select {
  width: 55px; }

/********************************************
thanks page
*********************************************/
#thanks #pageTitle {
  background: url("../images/home/features_bg.jpg");
  background-color: #111a4c;
  text-align: center;
  color: #ffffff; }
  #thanks #pageTitle .inner {
    padding-top: 50px;
    padding-bottom: 50px; }
    @media screen and (min-width: 768px) {
      #thanks #pageTitle .inner {
        padding-top: 100px;
        padding-bottom: 100px; } }
  #thanks #pageTitle h1 {
    font-weight: bold;
    font-size: 2.0rem; }
    @media screen and (min-width: 768px) {
      #thanks #pageTitle h1 {
        font-size: 2.5rem; } }
#thanks #contact {
  text-align: center; }
  #thanks #contact h2 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 2.0rem; }
  #thanks #contact p {
    margin-bottom: 30px; }
  #thanks #contact .name {
    font-weight: bold;
    font-size: 2.0rem; }