body {
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-feature-settings: "palt";
  line-height: 1.7;
  color: #163b5d;
  letter-spacing: .12em;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
  font-size: 2rem;
}
img {
  width:100%;
  height: 100%;
}
p{
  line-height:2.2;
}
table{
	width: 100%;
}
/*　▼ header　▼　*/
header{
  background: url(../img/mv_bg.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
}
header h1{
	margin-bottom: 0;
}
header img {
  width:1200px;
  margin:0 auto;
}
/*　▼ footer　▼　*/
footer {
  font-weight: 400;
  background:#fff;
  font-size: 1.4rem;
    padding: 29px;
    color: #333;
    border-top: 1px solid #d45b41;
    letter-spacing: 0;
}
footer .left{
    width: 200px;
}
footer .box {
  width:1000px;
  margin:0 auto;
}
footer .box ul {
  width: 490px;
    margin: 0 auto;
}
footer li a { 
  background-size: 15px;
    background-position: 26px center;
    color: #333;
}
.logo{
  width: 168px;
  height: auto!important;
}
#page-top img{
    position: fixed;
    right: 28px;
    width: 70px;
    bottom: 230px;
    height: auto;
}
.tel::before{
  content: '\e0b0';
  font-family: 'Material Icons';
  vertical-align: -2px;
  margin-right: 3px;
}
.mail::before{
  content: '\e0be';
  font-family: 'Material Icons';
  vertical-align: -2px;
  margin-right: 3px;
}

section{
	width: 1000px;
	margin: 0 auto;
	padding: 110px 0;
}
h1{
	text-align: center;
	font-size: 4.4rem;
  font-weight: 700;
  margin-bottom:70px;
}
.en{
  font-weight: 500;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  /* text-transform: uppercase; */
  font-size: 2.4rem;
  letter-spacing: 0.2em;
  color:#4194a3;
}
.pc_block{
  display: block;
}

.bg_white{background:#fff}
.bg_blue{background:#dcfaff}
.bg_blue02{background:#1f4e93}
.bg_navy{background:#002446}
.bg_gray{background:#f3f5f5}
.bg_gold{background:#827258}
.bg_yellow{background:#e3911b}

.col_gold{color:#827258}
.col_gold02{color:#827258}
.col_yellow{color:#f2b319}
.col_green{color:#4194a3}
.col_blue{color:#0d00ff}
.col_blue02{color:#003c78}
.col_black{color:#333}
.col_white{color:#fff}
.col_red{color:#e60012}
.bdr5px{border-radius:5px}

.font_10{font-size:1.0rem}
.font_16{font-size:1.6rem}
.font_24{font-size:2.4rem}
.font_30{font-size:3.0rem}
.font_40{font-size:4.0rem}
.font_50{font-size:5.0rem}

.border_gold{
    text-decoration: solid underline #827258 3px;
    text-underline-offset:0.2em; 
}
.border{
    text-decoration: solid underline #163b5d 3px;
    text-underline-offset:0.2em; 
}
.bd_yel{
  text-decoration: solid underline #fffc00 12px;
  text-underline-offset: -0.2em;
}
.under_line{
  border-bottom:2px solid;
}
.marker_yel {
    background-color: transparent;
    background-image: linear-gradient(transparent 70%,#fffc00 0);
}


/*動画設定
ダイジェスト動画部分（PCのみ80％表示・PC以外100％）*/
.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 0 auto;
}
.video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/*
早割
hayawari
*/



/*
topics
トピックス
*/
.toha ul{
  font-size: 2.6rem;
}
.toha ul li {
    background: url(../img/check.png) no-repeat;
    background-size: 4%;
    padding-left: 55px;
    background-position: left 6px;
    margin-bottom: 52px;
    padding-bottom: 5%;
    border-bottom: 2px dotted #77b2bd;
}
@media screen and (max-width: 599px) {
  .toha ul li {
    background-size: 6%;
    padding-left: 40px;
    background-position: left 2px;
    margin-bottom: 20px;
    padding-bottom: 5%;
}
}


/*
message
メッセージ
*/
.message{
  letter-spacing: 0;
  line-height: 1.4;
}
.message_box {
  display: inline-block;
  padding: 2% 6% 2% 3%;
  line-height: 1.8;
}
.message_box li {
  padding-left: 26px;
  position: relative;
}
.message_box li::before {
  position: absolute;
  content: "";
  background: url(../img/list_check.png) no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 0;
  top: 20px;
  transform: translateY(-50%);
}

/*
contents
講演内容・講師紹介
*/
.contents h2,.second h2{
  font-size: 4.4rem;
  margin-bottom:50px;
}
.contents h3{
  font-size: 3.2rem;
  padding:1%;
}
.contents .box{
  padding:2%;
}
.koushi_img{
  margin-right: 20px;
  width:20%;
}
.contents .txt{
  line-height:1.4;
}
.book{
  width: 39%;
  margin-right: 20px;
}
.gyokan{
  line-height: 1.4;
}



@media screen and (max-width: 599px) {
.contents h2,.second h2{
  font-size: 3.4rem;
  margin-bottom:50px;
}
.koushi_img{
  width: 60%;
  margin: 0 auto 20px;
}
}



@media screen and (max-width: 599px) {
.contents h2,.second h2{
  font-size: 3.4rem;
  margin-bottom:50px;
}
.koushi_img{
  width: 60%;
  margin: 0 auto 20px;
}
}


/*
second
第2部　事務所見学会
*/
/* .second h3{
  font-size: 4.4rem;
}
.second h4{
  font-size: 3rem;
}
.second h4 .bd_yel {
    text-decoration: solid underline #fffc00 12px;
    text-underline-offset: -0.2em;
}
.second .box {
  border:2px solid #153453;
  padding:2%;
}
.second .box li{
  margin-bottom:20px;
}
.second .box li:last-of-type{
  margin-bottom:0;
}
.second .border_box{
  border-bottom:4px solid #153453;
  padding-bottom: 50px;
  margin-bottom: 50px;
} */


/*
second
第2部　事務所見学会
*/
.second h3{
  font-size: 4.4rem;
}
.second h5{
  font-size: 3.0rem;
  padding-top: 1.5%;
  padding-bottom: 1.5%;
}
.second h4{
  font-size: 3rem;
}
.second h4 .bd_yel {
    text-decoration: solid underline #fffc00 12px;
    /* text-underline-offset: -0.2em; */
}
.second .box {
  border:2px solid #153453;
  padding:2%;
}
.second .box li{
  margin-bottom:20px;
}
.second .box li:last-of-type{
  margin-bottom:0;
}
.second .border_box{
  border-bottom:4px solid #153453;
  padding-bottom: 50px;
  margin-bottom: 50px;
}


/* 過去の研究会受講者の声 */
.voice .box {
  border-radius: 5px;
  margin-bottom: 40px;
}
.voice .box_inner {
  padding: 2% 3%;
}
.voice .box_inner02 {
  padding: 2% 3%;
  display: flex;
  justify-content: space-between;
}
.box_in_left {
  width: 70%;
}
.voice .txt {
  font-size: 2.6rem;
  line-height: 1.6;
  margin-bottom: 20px;
}
.voice .box_inner .txt {
  width: 100%;
  font-size: 3rem;
  line-height: 1.6;
}
.voice_img {
  width: 25%;
  height: 100%;
}
.voice h3 {
  line-height: 1.6;
  padding: 2% 3%;
  font-size: 2.6rem;
}
.voice_com {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 599px) {
  .voice .box_inner02 {
    padding: 2%;
    display: block;
  }
  .box_in_left {
    width: 100%;
    margin-bottom: 10px;
    font-size: 2.5rem;
    line-height: 1.6;
  }
  .voice_img {
    width: 50%;
    height: auto;
    margin: 0 auto;
  }
  .voice h3 {
    line-height: 1.6;
    padding-top: 3%;
    font-size: 1.8rem;
  }
}

/* 
参加特典 
*/
.tokuten_wrap {
  background: url(../img/tokuten_bg.jpg) no-repeat;
  background-size: cover;
}
.tokuten {
  text-align: center;
}
.tokuten_head {
  margin: 0 auto;
  width: 60%;
}
.tokuten_txt {
  width: 80%;
  margin: 0 auto 50px;
  padding: 3% 3% 4%;
  background-color: #fff;
  border-radius: 5px;
  letter-spacing: .05em;
  font-size: 2.6rem;
  line-height: 1.8;
  color: #4194a3;
}
.tokuten_txt-lead {
  font-size: 3.6rem;
}
.tokuten_img {
  margin: 0 auto;
  width: 26%;
}
.tokuten_img02 {
  margin: 0 auto;
  width: 70%;
}

@media screen and (max-width: 599px) {
  .tokuten_wrap {
    background-position: 43% 0%;  
  }
  .tokuten_head {
    width: 90%;
  }
  .tokuten_txt {
    margin-bottom: 30px;
    padding: 2%;
  }
  .tokuten_img {
    width: 46%;
  }
}


/*
information
開催情報
*/
.information a{
  color:#e60012;
}
.details .box{
    padding: 0 4%;
}
.info_tbl{
    font-size: 1.8rem;
    margin-bottom: 20px;
    font-weight: 500;
}
.info_tbl th {
    padding: 3% 0 3% 10%;
    width: 16em;
    text-align: left;
    vertical-align: middle;
    color: #00398e;
    font-weight: 700;
}
.info_tbl tr{
    border-bottom: 1px solid #00398e;
}
.info_tbl td{
    padding: 3%;
}
.details .att{
    font-size: 1.4rem;
}
@media screen and (max-width: 599px) {
  .info_tbl th,.info_tbl td{
    display:block;
  }
  .info_tbl th{
    padding:0;
  }
}

/*SP　ダイジェスト動画 */
.dodeo{
    width: 100%;
}


/*
entry
お申込み
*/
.entry h2{
  background:#4d4d4d;
  padding:2%;
}
.entry .bg_gray{
  padding: 3% 7%;
}



.btn{
    text-align: center;
    color: #fff;
    display: block;
    position: relative;
    z-index: 2;
    font-weight: 700;
}
.btn::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}
.btn:hover::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.btn01{
    background: #0067dc;
    filter: drop-shadow(0px 8px 0px #004594);
}
.btn02{
    background: #0067dc;
    filter: drop-shadow(0px 8px 0px #004594);
}
.btn03{
    background: #00C853;
    filter: drop-shadow(0px 8px 0px #007a33);

    border-radius: 5px;
    height: 80px;
    line-height: 80px;
    /*width: 80%;*/
    display: block;
    margin: 0 auto 30px;
    font-size: 2.4rem;
}
.btn01,.btn02,.btn03{
    border-radius: 5px;
    height: 80px;
    line-height: 80px;
    width: 48%;
    display: block;
}
.btn01:hover,.btn02:hover,.btn03:hover{
    letter-spacing: 8px;
}
.btn_font {
  font-size: 2.7rem;
}
@media screen and (max-width: 599px) {
  .btn01, .btn02,.btn03{
    width:100%;
  }
  .btn02{
    margin-bottom:20px;
  }
}



/*PC more さらに */
.more{
  text-align: center;
  padding: 20px 0;
}
.more_img{
    width: 15%;
    margin-bottom: 20px;
}
.more p{
    font-size: 4rem;
    letter-spacing: .1em;
    line-height: 1.6;
}
.bd_white{
    text-decoration: underline;
    text-decoration-style: solid;
    text-underline-offset:0.3em;
    text-decoration-color: #fff;
}
.more .big{
    font-size: 6rem;
    font-style: italic;
}
.white_under_line{
  border-bottom:2px solid #fff;
}

@media screen and (max-width: 599px) {
  .more{
    padding: 6% 2%;
  }
}


/*PC toha KACHIEL税務アカデミーとは？ */
.toha03 .box{
    background: #e8e2d5;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 8px;
}
.toha03 .box h2{
    font-size: 2.3rem;
    height: 4.5em;
    padding-top: 3%;
}
.toha03 .check_blue li{
    margin-bottom: 20px;
    text-indent: -1em;
    padding-left: 1em;
}
.toha03 .check_blue li:before{
    font-family: "Font Awesome 5 Free";
    content: '\f00c';
    color: #4993ba;
    font-style: normal;
    padding-right: 0.5%;
}
.toha03 .check_blue{
    padding: 5% 11%;
}
.toha03 .att{
    font-size: 1.6rem;
    margin-bottom: 30px;
}
.price{
    width: 48%;
    height: 100%;
    margin-bottom: 50px;
}
@media screen and (max-width: 599px) {
  .price{
    width:100%;
  }
  }
.toha03 .box02 h2 {
    font-size: 2.2rem;
    border-radius: 5px;
    width: 11em;
    height: 2em;
    padding-top: 0.2%;
    margin: 0 auto 30px;
}
/*-----------------------------------
　↓ 685pxまでのfooter設定 ↓ 
-----------------------------------*/
@media screen  and (min-width: 600px) and (max-width: 684px) {
.logo {
  width: 29%;
  height: auto!important;
}
}
@media screen and (max-width: 1254px){
header img{
  width: 100%;
  padding: 0 2%;
}
}
@media screen and (max-width: 1024px){
#page-top img{
  display: none;
}
header img{
  width: 98%;
}
section {
  width: 94%;
  padding: 10% 0;
}
}

@media screen and (max-width: 768px) {
html{
  font-size: 50%;
}
.logo {
  width: 28%;
}
.pcnone{
  display: none;
}
}

@media screen and (min-width: 767px) {
.pcnone {
	display:none;
}
}

/*------------------------
〜599px
------------------------*/
@media screen and (max-width: 599px) {
body {
	width:100%;
}
.sp_block,
.sp_br,
.pcnone,
.sp_noflex {
	display:block
}
.spnone {
  display:none
}
.pc_block {
	display:inline
}
.sp_alc {
  text-align: center;
}
.sp_flex_space{
  display:flex;justify-content:space-between
}
.sec_wrap {
  width:100%;
  padding:0;
}
section{
	width: 100%;
	padding: 14% 6%;
}
/*▼ footer ▼*/
footer {
	padding: 2%;
  font-size: 1.4rem;
}
.footer_inner {
  width: 92%;
  margin: 0 auto;
  padding: 2.60416% 0;
}
footer ul{
	width: 100%;
	text-align: left;
}
.logo {
  width:40%;
  display: block;
}
#page-top img {
  display: none;
}
.copy{
	margin-bottom: 10px;
}
/*▲ footer ▲*/
header{
  background-size: cover;
}
header .mv_area{
  padding: 0!important;
}
header h1 img{
	width: 100%;
	margin: 0 auto;
}
h1{
  font-size: 3.5rem;
  margin-bottom: 50px;
}
}
@media screen and (max-width: 599px) {
.pc_head{
  display:none;
}
.cur_tbl .sp_head{
  background:#163b5d;
  color:#fff;
  text-align: center;
}
}


/* カウントダウンバーの共通フェード効果 */
.cdt_wrapper {
  transition: opacity 1.0s ease, visibility 1.0s ease;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* フェードアウト用クラス */
.cdt_wrapper.is-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}