@charset "UTF-8";
#welfareWrapper {
  font-family: "Hiragino Kaku Gothic W3 JIS2004";
  color: #464646;
  line-height: 1.5; }
  #welfareWrapper a {
    text-decoration: none;
	  color: #444; /*202002add*/}
  #welfareWrapper .indent1em {
    padding-left: 1em;
    text-indent: -1em; }
  #welfareWrapper .indent4em {
    padding-left: 4em;
    text-indent: -4em; }

/*for sp*/
@media only screen and (max-width: 736px) {
  #welfareWrapper {
    /*ページトップへ*/ }
    #welfareWrapper header {
      width: 89.3333%;
      margin: 0 auto;
      padding: 3.6% 0;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #welfareWrapper header h1 {
        /*font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
        font-family: "HondaGlobalFontJP-Regular", sans-serif;
        font-size: 3.7vw;
        font-weight: 700;
        color: #444;
	width: 100%;
	text-align: center;}
      #welfareWrapper header .logo {
        width: 32.8358%;
		  display: none; /*202002add*/}
        #welfareWrapper header .logo img {
          width: 100%; }



    #welfareWrapper footer {
      background: #4c5055;
      padding: 0 4vw; }
      #welfareWrapper footer ul {
        padding: 3vw 0;
        position: relative;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; }
        #welfareWrapper footer ul li {
          display: inline;
          color: #fff;
          font-size: 3.2vw; }
          #welfareWrapper footer ul li::after {
            content: "＞";
            color: #fff;
            margin-left: 1.6vw;
            margin-right: 0.6vw; }
          #welfareWrapper footer ul li:last-child::after {
            content: none; }
          #welfareWrapper footer ul li a {
            color: #fff; }
    #welfareWrapper #pagetop {
      position: relative;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap; }
    #welfareWrapper #pagetop a {
      position: fixed;
      display: block;
      overflow: hidden;
      bottom: 10px;
      right: 10px;
      z-index: 3;
      background-image: url(../images/btn_pagetop.png);
      background-repeat: no-repeat;
      background-size: 45px;
      width: 45px;
      padding-top: 45px; }



}/* SP END */



/*for pc*/
@media only screen and (min-width: 737px) {
  body {
    min-width: 980px; }

  #welfareWrapper {
    /*ページトップへ*/ }
    #welfareWrapper header {
      width: 980px;
      margin: 0 auto;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: space-between;
      height: 50px; }
      #welfareWrapper header h1 {
        /*font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
        font-family: "HondaGlobalFontJP-Regular", sans-serif;
        font-size: 22px;
        line-height: 50px;
        font-weight: 700;
        margin-left: 22px;
        color: #444; }
      #welfareWrapper header .logo {
        width: 194px;
        margin-top: 15px;
	display: none; /*202002add*/}
        #welfareWrapper header .logo img {
          width: 100%; }


    #welfareWrapper main > section {
      width: 980px;
      margin: 80px auto 0; }

    #welfareWrapper footer {
      background: #4c5055; }
      #welfareWrapper footer ul {
        width: 980px;
        margin: 0 auto;
        padding: 19px 0 18px; }
        #welfareWrapper footer ul li {
          display: inline;
          color: #fff;
          font-size: 12px; }
          #welfareWrapper footer ul li::after {
            content: "＞";
            color: #fff;
            margin-left: 7px;
            margin-right: 2px; }
          #welfareWrapper footer ul li:last-child::after {
            content: none; }
          #welfareWrapper footer ul li a {
            color: #fff; }
    #welfareWrapper #pagetop {
      position: relative;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap; }
    #welfareWrapper #pagetop a {
      position: fixed;
      display: block;
      overflow: hidden;
      bottom: 10px;
      right: 10px;
      z-index: 3;
      background-image: url(../images/btn_pagetop.png);
      background-repeat: no-repeat;
      background-size: 45px;
      width: 45px;
      padding-top: 45px; }


}/* PC END */







/*202012add for pc*/
@media only screen and (min-width: 737px) {

    #welfareWrapper .kuwashikuMiru a {
      display: inline-block;
		width: 200px;
		text-align: center;
      font-size: 16px;
      background: #ea5504;
      border: 2px solid #ea5504;
      color: #fff;
      line-height: 46px;
      border-radius: 8px;
      position: relative;
      transition: all 0.4s; }
      #welfareWrapper .kuwashikuMiru a::after {
        content: '';
        width: 10px;
        height: 10px;
        border: 0px;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: 5%;
        margin-top: -6px; }
      #welfareWrapper .kuwashikuMiru a:hover {
        border: 2px solid #ea5504;
        background: #fff;
        color: #ea5504; }
      #welfareWrapper .kuwashikuMiru a:hover::after {
        border-top: solid 2px #ea5504;
        border-right: solid 2px #ea5504; }

} /* 202012add PC END */

/*for sp*/
@media only screen and (max-width: 736px) {
#welfareWrapper .kuwashikuMiru {
      text-align: center;
      margin-top: 4vw;
	margin-bottom: 14vw;}
    #welfareWrapper .kuwashikuMiru a {
      display: block;
      background: #ea5504;
      color: #fff;
      font-size: 3.73vw;
      line-height: 16vw;
      border-radius: 2vw;
      position: relative; }
      #welfareWrapper .kuwashikuMiru a::after {
        content: '';
        width: 10px;
        height: 10px;
        border: 0px;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: 5%;
        margin-top: -6px; }

} /* 202012add SP END */