@charset "UTF-8";

html {
  font-size: 62.5%;
}
body {
  font-size: 1rem; /*基本のフォントサイズを【1rem = 10px】に指定*/
}
.no {
  display: none;
}

/*------------------------------
  Wrap
------------------------------*/
#wrap {
  font-size: 1.5rem;
  letter-spacing: .03rem;
}
@media screen and (max-width: 768px){
  #wrap {
  font-size: 1rem;
  letter-spacing: .03rem;
  }
}
/*------------------------------
  ヘッダー
------------------------------*/
#header {
  height: 100%;
}
.header__inn {
  margin: 0 auto;
}
.sp {
  position: relative;
  z-index: 2;
}

/*------------------------------
  コンテンツ
------------------------------*/
/* #contents {} */
.c__section1 {
  background: url(/consulting/img/img_bg.jpg) no-repeat center top;
  background-size: cover;
  margin-bottom: 100px;
}
.c__section1_inn {
  margin: 0 auto;
  max-width: 1000px;
}
.ttl1 {
  color: #1d4c78;
  font-family: 'Hind Vadodara', sans-serif;
}
.c__section1 h1 {
  background: url(/consulting/img/ttl_border.png) no-repeat center 180px;
  font-size: 4.5rem;
  letter-spacing: .03rem;
  line-height: 3.4rem;
  padding: 100px 0 ;
}
.c__section1 small {
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 2rem;
}
.c__section1_h3 {
  color: #1d4c78;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: .03rem;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.c__section1_h3 span {
  color: #a6b0bb;
  font-family: 'Hind Vadodara', sans-serif;
  font-size: 4rem;
  letter-spacing: .03rem;
  margin-left:-10px;
  position: relative;
  z-index: -1;
}
.c__section1_p b {
  color: #1d4c78;
  font-size: 3.25rem;
  font-weight: bold;
}
.c__section1_1 {
  margin-bottom: 92px;
  text-align: left;
}
.c__section1_2 {
  margin-bottom: 100px;
  text-align: right;
}
.c__section1_p {
  line-height: 35px;
  margin-bottom: 50px;
}
.c__section1_3 {
  border: 2px solid #1d4c78;
  display: inline-block;
  max-width: 675px;
  padding: 45px 35px 45px;
}
.c__section1_3 h3 {
  font-size: 2.4rem;
  margin: -58px auto 33px;
}
.c__section1_3 h3 span {
  background-color: #fff;
  font-weight: bold;
  padding: 0 10px;
}
.c__section1_3 li span {
  color: #a6b0bb;
  font-family: 'Hind Vadodara', sans-serif;
  font-size: 2.9rem;
  padding-right: 15px;
}
.c__section1_3 ul {
  display: inline-block;
  text-align: left;
}
.c__section1_3 li {
  margin-top: 8px;
  letter-spacing: -0.005em;
}
.c__section1_3 li span {
  font-style: oblique;
}
@media screen and (max-width: 768px){
.c__section1 h1{
    font-size: 3rem;
  }
  .c__section1 small {
    font-size: 1.5rem;
  }
  .c__section1_h3,.c__section1_p {
    font-size: 1rem;
  }
  .c__section1_h3 span {
    font-size: 3rem;
  }
  .c__section1_p b {
    font-size: 2rem;
    line-height: 3rem;
  }
  .c__section1_1 {
    padding: 0 45px;
    text-align: center;
  }
  .c__section1_2 {
    margin-bottom: 50px;
    text-align: center;
  }
  .c__section1_1 {
    margin-bottom: 50px;
  }
  .c__section1_p {
    line-height: 1.5rem;
  }
  .c__section1_3 li {
    font-size: 1.2rem;
    margin-bottom: 15px;
    text-indent: -3rem;
    padding-left: 3rem;
  }
  .c__section1_3 li:last-child {
    margin-bottom: 30px;
  }
  .c__section1_3 li span {
    font-size: 1.5rem;
  }
  .c__section1_3 h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin: -14px auto 10px;
  }
  .c__section1_3 ul {
    line-height: 1.8rem;
  }
  .c__section1_3 {
    margin: 0 20px;
    padding: 0 20px;
  }
  .img77 {
    width: 77%;
  }
  .img95 {
    width: 95%;
  }
}
.c__section2 {
  margin-bottom: 100px;
}
.c__section2 h2,.c__section3 h2 {
  color: #1d4c78;
  font-family: 'Hind Vadodara', sans-serif;
  font-size: 3.2rem;
  line-height: 2.6rem;
  margin-bottom: 50px;
}
.c__section2 small,.c__section3 small {
  color: #1d4c78;
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.2rem;
}
.tab__all,.tab__inn {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.tab__all {
  width: 100%;
}
.tab__all.open {
  padding-bottom: 250px;
}
.tabs {
  background: url("/consulting/img/ico_tabline.png") no-repeat left center;
  max-width: 335px;
  position: relative;
  width: 33.333%;
  padding-left: 1px;
}
.tabs .tab__btn {
  display:block;
  height: 109px;
  text-indent: -9999px;
  width: 100%;
  -webkit-box-sizing : border-box ;
  -moz-box-sizing : border-box ;
  box-sizing : border-box ;
}
/* .tab__btn:hover {
} */
.tab1.active {
  padding-left: 0;
}
.tab1 #tab1__btn {
  background: url("/consulting/img/ico_tab1.png") no-repeat center center;
}
.tab1 #tab1__btn:hover {
  background: url("/consulting/img/ico_tab1-mo.png") no-repeat center center;
}
.tab1.active #tab1__btn {
  background: url("/consulting/img/ico_tab1-on.png") no-repeat center center;
}
.tab2 #tab2__btn {
  background: url("/consulting/img/ico_tab2.png") no-repeat center center;
}
.tab2 #tab2__btn:hover {
  background: url("/consulting/img/ico_tab2-mo.png") no-repeat center center; 
}
.tab2.active #tab2__btn {
  background: url("/consulting/img/ico_tab2-on.png") no-repeat center center;
}
.tab3 #tab3__btn {
  background: url("/consulting/img/ico_tab3.png") no-repeat center center;
}
.tab3 #tab3__btn:hover {
  background: url("/consulting/img/ico_tab3-mo.png") no-repeat center center;
}
.tab3.active #tab3__btn {
  background: url("/consulting/img/ico_tab3-on.png") no-repeat center center;
}
.tab4 #tab4__btn {
  background: url("/consulting/img/ico_tab4.png") no-repeat center center;
}
.tab4 #tab4__btn:hover {
  background: url("/consulting/img/ico_tab4-mo.png") no-repeat center center;
}
.tab4.active #tab4__btn {
  background: url("/consulting/img/ico_tab4-on.png") no-repeat center center;
}
.tab5 #tab5__btn {
  background: url("/consulting/img/ico_tab5.png") no-repeat center center;
}
.tab5 #tab5__btn:hover {
  background: url("/consulting/img/ico_tab5-mo.png") no-repeat center center;
}
.tab5.active #tab5__btn {
  background: url("/consulting/img/ico_tab5-on.png") no-repeat center center;
}
.tab6 #tab6__btn {
  background: url("/consulting/img/ico_tab6.png") no-repeat center center;
}
.tab6 #tab6__btn:hover {
  background: url("/consulting/img/ico_tab6-mo.png") no-repeat center center;
}
.tab6.active #tab6__btn {
  background: url("/consulting/img/ico_tab6-on.png") no-repeat center center;
}
.tabs .tab__detail {
  background-color: #1d4c78;
  -webkit-box-sizing: border-box ;
  -moz-box-sizing: border-box ;
  box-sizing: border-box ;
  display: none;
  height: 280px;
  max-width: 1005px;
  overflow: auto;
  padding: 26px;
  position: absolute;
  top: 109px;
  width: 300%;
}
#tab1__detail,#tab4__detail {
  left: 0;
}
#tab2__detail,#tab5__detail {
  left: -100%;
}
#tab3__detail,#tab6__detail {
  right: 0;
}
.tabs.active .tab__detail {
  display: block;
}
.tab__inn img {
  height: 100%;
  width: 30%;
}
.tab__inn p {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.8rem;
  margin-left: 50px;
  text-align: left;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
  }

@media screen and (max-width: 768px){
  .c__section2 h2,.c__section3 h2{
    font-size: 1.8rem;
    line-height: 2rem;
  }
  .c__section2 small,.c__section3 small {
    font-size: 1rem;
  }
  .tab__all,.tab__inn {
    flex-direction: column;
  }
  .tab1 #tab1__btn {
    background: url("/consulting/img/ico_tab1-sp.png") no-repeat center center;
    background-size: 90%;
  }
  .tab1.active #tab1__btn {
    background: url("/consulting/img/ico_tab1-onsp.png") no-repeat center center;
    background-size: 90%;
  }
  .tab2 #tab2__btn {
    background: url("/consulting/img/ico_tab2-sp.png") no-repeat center center;
    background-size: 90%;
  }
  .tab2.active #tab2__btn {
    background: url("/consulting/img/ico_tab2-onsp.png") no-repeat center center;
    background-size: 90%;
  }
  .tab3 #tab3__btn {
    background: url("/consulting/img/ico_tab3-sp.png") no-repeat center center;
    background-size: 90%;
  }
  .tab3.active #tab3__btn {
    background: url("/consulting/img/ico_tab3-onsp.png") no-repeat center center;
    background-size: 90%;
  }
  .tab4 #tab4__btn {
    background: url("/consulting/img/ico_tab4-sp.png") no-repeat center center;
    background-size: 90%;
  }
  .tab4.active #tab4__btn {
    background: url("/consulting/img/ico_tab4-onsp.png") no-repeat center center;
    background-size: 90%;
  }
  .tab5 #tab5__btn {
    background: url("/consulting/img/ico_tab5-sp.png") no-repeat center center;
    background-size: 90%;
  }
  .tab5.active #tab5__btn {
    background: url("/consulting/img/ico_tab5-onsp.png") no-repeat center center;
    background-size: 90%;
  }
  .tab6 #tab6__btn {
    background: url("/consulting/img/ico_tab6-sp.png") no-repeat center center;
    background-size: 90%;
  }
  .tab6.active #tab6__btn {
    background: url("/consulting/img/ico_tab6-onsp.png") no-repeat center center;
    background-size: 90%;
  }
  .tabs {
    background: transparent;
    width: 100%;
    height: 100%;
  }
  .tab__detail {
    width: 100%;
  }
  .tab__all.open {
    padding-bottom: 0;
  }
  .tabs .tab__detail {
    height: max-content;
    margin: 0 auto;
    padding: 15px;
    position: static;
    top: 103px;
    width: 90%;
  }
  .tab__inn p {
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin: 15px 0 0;
  }
  #tab2__detail,#tab5__detail {
  left: 0;
  }
  .tab__inn img {
    width: 100%;
  }
}
@media screen and (max-width: 330px){
  .tab1 #tab1__btn {
    background-size: 95%;
  }
  .tab1.active #tab1__btn {
    background-size: 95%;
  }
  .tab2 #tab2__btn {
    background-size: 95%;
  }
  .tab2.active #tab2__btn {
    background-size: 95%;
  }
  .tab3 #tab3__btn {
    background-size: 95%;
  }
  .tab3.active #tab3__btn {
    background-size: 95%;
  }
  .tab4 #tab4__btn {
    background-size: 95%;
  }
  .tab4.active #tab4__btn {
    background-size: 95%;
  }
  .tab5 #tab5__btn {
    background-size: 95%;
  }
  .tab5.active #tab5__btn {
    background-size: 95%;
  }
  .tab6 #tab6__btn {
    background-size: 95%;
  }
  .tab6.active #tab6__btn {
    background-size: 95%;
  }
  .tabs .tab__detail {
    width: 95%;
  }
}

.c__section3_top {
  margin: 0 auto;
  max-width: 900px;
}
.c__section3_top p {
  text-align: left;
}
.c__section3 p {
  font-size: 1.4rem;
  line-height: 2.8rem;
}
.ul__top,.ul__sec {
  display: flex;
  flex-direction: row;
}
.ul__top {
  align-items: center;
  margin-bottom: 15px;
}
.watch_pc {
  text-align: left;
  width: 125px;
}
.c__section3 {
  margin-bottom: 50px;
}
.c__section3_block1 {
  margin: 30px auto 80px auto;
  max-width: 1040px;
  padding: 0 20px;
  width: 100%;
}
.c__section3_block2 {
  margin: 60px auto;
}
.c__section3_block2:target:before {
  content: "";
  display: block;
  height: 120px;
  margin: -120px 0 0;
}
.c__section3_block3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1040px;
  margin: 80px auto 50px auto;
  padding: 0 20px;
  width: 100%;
}
.c__section3_block4 {
  margin: 0 auto 20px auto;
  width: 100%;
}
.c__section3_block5 {
  flex: 0 1 calc(100% - 520px);
  width: calc(100% - 520px);
  max-width: calc(100% - 520px);
  text-align: left;
}
.c__section3_block6 {
  flex: 0 1 480px;
  width: 480px;
  max-width: 480px;
}
.c__section3_block7 {
  max-width: 1040px;
  margin: 80px auto 50px auto;
  padding: 0 20px;
  width: 100%;
}
.c__section3_block8 {
  max-width: 900px;
  margin: 32px auto 0 auto;
}
.c__section3_list1 {
  display: flex;
  justify-content: space-between;
}
.c__section3_list1 li {
  display: block;
  flex: 0 1 calc(50% - 20px);
  width: calc(50% - 20px);
  max-width: calc(50% - 20px);
}
.c__section3_list1 li a {
  position: relative;
  background-color: #fff;
  border: 1px solid #1d4c78;
  color: #1d4c78;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  padding: 30px 60px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease-in;
}
.c__section3_list1 li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: rotate(135deg) translate(-50%, 50%);
  width: 11px;
  height: 11px;
  border-top: 2px solid #1d4c78;
  border-right: 2px solid #1d4c78;
}
.c__section3_list1 li a:hover {
  background-color: #f4f4f4;
  text-decoration: none;
}
.c__section3 h3 {
  color: #1d4c78;
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 25px;
}
.c__section3_table1 {
  border: 1px solid #1d4c78;
  border-collapse: collapse;
  margin: 25px auto 0 auto;
  table-layout: fixed;
  width: 100%;
}
.c__section3_table1 thead th {
  background: #1d4c78;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.c__section3_table1 thead th:not(:last-child) {
  border-right-color: #fff;
}
.c__section3_table1 tbody th {
  background: #f7f7f7;
  color: #333333;
  font-weight: bold;
  text-align: center;
}
.c__section3_table1 tbody td {
  text-align: left;
}
.c__section3_table1 th,
.c__section3_table1 td {
  border: 1px solid #1d4c78;
  font-size: 1.4rem;
  line-height: 2;
  padding: 30px 36px;
  vertical-align: middle;
}
.c__section3_text1 {
  position: relative;
  padding-left: 1.125em;
  font-size: 1.4rem;
  text-align: left;
  letter-spacing: 0.015em;
  line-height: 2;
}
.c__section3_text1 > i {
  position: absolute;
  top: 0;
  left: 0;
  font-style: normal;
  width: 1em;
}
.c__section3_bottom {
  border: 1px solid #173551;
  margin: 0 auto;
  max-width: 1290px;
  padding: 50px;
}
.c__section3_bottom h3 {
  color: #1d4c78;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 50px;
}
.bottom__inn {
  display: inline-block;
  margin-bottom: 50px;
}
.li__first {
  color: #1d4c78;
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: 45px;
  text-align: left;
  width: 150px;
}
.li__sec {
  font-size: 1.3rem;
}
.mg50 {
  margin: 50px auto;
}
.voice__p {
  color: #1d4c78;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 50px auto 20px;
}
.voice a {
  display: inline-block;
}
@media screen and (max-width: 768px){ /* SP */
  .mg50 {
    margin: 30px auto;
  }
  .c__section3_block1 {
    margin: 20px auto;
    padding: 0;
  }
  .c__section3_block2 {
    margin: 50px auto 30px auto;
  }
  .c__section3_block3 {
    display: block;
    margin: 40px auto;
    padding: 0;
  }
  .c__section3_block4 {
    margin: 0 auto 10px auto;
  }
  .c__section3_block5,
  .c__section3_block6 {
    flex: 0 1 auto;
    width: auto;
    max-width: none;
  }
  .c__section3_block6 {
    margin: 30px auto 0 auto;
  }
  .c__section3_block6 img {
    height: auto;
  }
  .c__section3_block7 {
    padding: 0;
  }
  .c__section3_block8 {
    margin: 24px auto 0 auto;
  }
  .c__section3_list1 {
    flex-wrap: wrap;
  }
  .c__section3_list1 li {
    flex: 0 1 100%;
    width: 100%;
    max-width: 100%;
  }
  .c__section3_list1 li:not(:first-child) {
    margin-top: 20px;
  }
  .c__section3_list1 li a {
    border: 1px solid #1d4c78;
    font-size: 1.2rem;
    padding: 20px 32px;
  }
  .c__section3_list1 li a::after {
    right: 20px;
    width: 8px;
    height: 8px;
  }
  .c__section3 h3 {
    font-size: 1.5rem;
  }
  .c__section3_table2 {
    border: 1px solid #1d4c78;
    border-collapse: collapse;
    margin: 15px auto 0 auto;
    width: 100%;
  }
  .c__section3_table2 thead th {
    background: #1d4c78;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .c__section3_table2 thead th:not(:last-child) {
    border-right-color: #fff;
  }
  .c__section3_table2 tbody th {
    width: 33.2142857143%;
    background: #f7f7f7;
    color: #333333;
    font-weight: bold;
    text-align: left;
  }
  .c__section3_table2 tbody td {
    width: 66.7857142857%;
    text-align: left;
  }
  .c__section3_table2 tbody th:not(:last-child),
  .c__section3_table2 tbody td:not(:last-child) {
    border-right-color: #fff;
  }
  .c__section3_table2 th,
  .c__section3_table2 td {
    border: 1px solid #1d4c78;
    font-size: 1.2rem;
    line-height: 2;
    padding: 22px 10px;
    vertical-align: middle;
  }
  .c__section3 p {
    font-size: 1.2rem;
    line-height: 1.8rem;
    text-align: left;
  }
  .voice__p {
    font-size: 1.5rem !important;
  }
  .c__section3_inn {
    padding: 0 20px;
  }
  .c__section3_bottom h3 {
    font-size: 1.5rem;
    line-height: 2.3rem;
    margin-bottom: 20px;
  }
  .ul__sec {
    align-items: flex-start;
    flex-direction: column;
    margin-left: 10px;
    width: 90%;
    text-align: left;
  }
  .c__section3_bottom {
    padding: 18px;
  }
  .bottom__inn {
    display: block;
  }
  .li__first {
    font-size: 1.4rem;
    margin: 0 0 5px;
  }
  .li__sec {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
  .watch_pc {
    width: 0;
  }
  .watch_sp {
    width: 70px;
    text-align: left;
  }
  .watch_sp img {
    max-width: 35px;
  }
  .ul__top {
    align-items: flex-start;
  }
  .line {
    width: 90%;
  }
}
.c__section4 {
  background-color: #f7f7f7;
  padding: 50px;
}
.c__section4_inn {
  margin: 0 auto;
  max-width: 1000px;
}
.c__section4 h3 {
  color: #1d4c78;
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 25px;
}
.btn__first {
  margin-bottom: 35px;
}
.btn__first_inn {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.btn__first_inn a {
  text-decoration: none;
}
.btn__first_top {
  background: url("/consulting/img/ico_consulting.png") no-repeat center center;
  background-color: #fff;
  background-size: 64%;
  color: #1d4c78;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 120px 0;
  width: 290px;
}
.btn__first_bottom {
  color: #fff;
  background-color: #2092d2;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 9px 0;
  width: 290px;
}
.c__section4 h4{
  color: #1d4c78;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.btn__sec {
  margin-bottom: 50px;
}
.btn__sec_top small {
  font-size: 1.3rem;
  font-weight: bold;
}
.btn__sec_bottom {
  color: #fff;
  background-color: #f9a356;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 9px 0;
  width: 292px;
}
.btn__sec_top {
  background: url("/consulting/img/ico_study.png") no-repeat center center;
  background-color: #fff;
  background-size: 34%;
  color: #1d4c78;
  font-size: 1.8rem;
  font-weight: bold;
  width: 292px;
}
.pd1 {
  padding: 28px 0;
}
.pd2 {
  padding: 37px 0;
}
.btn__sec_inn {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 0 auto;
  max-width: 660px;
}
.btn__sec_inn a {
  text-decoration: none;
}
.pd3 {
  padding-bottom: 20px !important;
}
.btn__thir {
  display: inline-block;
}
.btn__thir small {
  font-size: 1.4rem;
}
.btn__thir a {
  color: #fff;
  display: block;
  font-size: 3rem;
  padding: 25px 80px;
  text-decoration: none;
}
.c__section2_inn {
  max-width: 1005px;
  margin: 0 auto;
}
  .panel1 {
  overflow:hidden;
  position:relative;
  width:290px;
  height:290px;
}

.slide1 {
  background: url("/consulting/img/ico_consulting-on.png") no-repeat center 55px;
  cursor: pointer;
  display:block;
  width:290px;
  height:290px;
  color:#fff;
  background-color:#2092d2;
  position:absolute;
  z-index:1;
  padding: 134px 0;
}
.slide1 span {
  font-size: 1.8rem;
  font-weight: bold;
  display:block;
}
.btn__first_bottom,.btn__sec_bottom {
  position: relative;
  z-index: 2;
}
  .panel2 {
  overflow:hidden;
  position:relative;
  width:292px;
  height:142px;
}
.slide2 {
  background: url("/consulting/img/ico_study-on.png") no-repeat center 12px;
cursor: pointer;
  display:block;
  width:292px;
  height:142px;
  color:#fff;
  background-color:#f9a356;
  position:absolute;
  z-index:1;
}
.slide2 span {
  font-size: 1.8rem;
  font-weight: bold;
  display:block;
}
.slide2 small {
  font-size: 1.3rem;
  font-weight: bold;
}
.mb15 {
    margin-bottom: 30px;
}
@media screen and (max-width: 1000px){
  .btn__first_inn {
    align-items: center;
    flex-direction: column;
  }
}
@media screen and (max-width: 768px){
  .c__section4{
    padding: 20px 20px 100px;
  }
  .c__section4 h3 {
    font-size: 1.5rem;
    line-height: 2.3rem;
    padding-bottom: 15px;
  }
  .btn__first_inn {
    align-items: center;
    flex-direction: column;
  }
  .c__section4 h4 {
    margin-bottom: 15px;
  }
  .btn__sec_inn {
    align-items: center;
    flex-direction: column;
  }
  .btn__thir a {
    font-size: 1.8rem;
    padding: 25px 44px;
  }
  .btn__thir small {
    font-size: 1rem;
  }
  .panel1 a:hover {
    background: url("/consulting/img/ico_consulting-on.png") no-repeat center 55px;
    width:290px;
    height:290px;
    color:#fff;
    background-color:#2092d2;
    background-size: 64%;
  }
  .panel2 a:hover {
    background: url("/consulting/img/ico_study-on.png") no-repeat center 12px;
    width:292px;
    height:142px;
    color:#fff;
    background-color:#f9a356;
    background-size: 34%;
  }
  .btn__first_inn img {
    width: 290px;
    height: 290px;
  }
.btn__first_top {
    background: url("/consulting/img/ico_consulting-sp.png") no-repeat center center;
    background-size: 64%;
    background-color: #fff;
 }
.btn__sec_top {
    background: url("/consulting/img/ico_study-sp.png") no-repeat center center;
    background-color: #fff;
    background-size: 34%;
  }
}

/*------------------------------
  フッター
------------------------------*/
/* #footer {} */