@charset "utf-8";
/*basis*/
body { font-family: "Zen Kaku Gothic New", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; color: #000000; }

.pcOnly {}
.spOnly { display: none;}
@media only screen and (max-width:768px){
  .pcOnly { display: none;}
  .spOnly { display: block;}
}

p { font-size: 1.6rem; line-height: 1.6; /*letter-spacing: 0.1em;*/ font-weight: 500;}

ol, ul{ list-style-type:none; }
li { font-size: 1.6rem; line-height: 1.8;}

a:hover { opacity: 0.5; transition: all .5s cubic-bezier(.165,.84,.44,1);}
a {text-decoration: none; color: #006E8C; font-size: 1.66rem;  line-height: 1.5; transition: all .5s cubic-bezier(.165,.84,.44,1);}

table { border-collapse: collapse; }
th { font-size: 1.6rem; line-height: 1.8; font-weight: normal; text-align: center; padding: 10px; border: solid 1px #181818;}
td { font-size: 1.6rem; line-height: 1.8; padding: 10px; border: solid 1px #181818;}

dt { font-size: 1.6rem; line-height: 1.8;}
dd { font-size: 1.6rem; line-height: 1.8;}

img[src$=".svg"] { max-width: 100%; }

figcaption { font-size: 1.4rem; text-align: center;}

.contentsBox { margin-top: 3%;}

.inner { width: 90%; max-width: 1100px; min-width: 1000px; margin: 0 auto;}
@media only screen and (max-width:768px){
  p { font-size: 1.5rem; line-height: 1.6;}
  .inner { width: 90%; min-width: auto;}
}

/*margin・padding*/
.mgnS { margin: 20px 0;}
.mgnM { margin: 40px 0;}
.mgnL { margin: 80px 0;}
.mLa { margin-left: auto!important;}
.mRa { margin-right: auto!important;}
.mgnNegS { margin: -20px;}
.mgnNegM { margin: -40px;}
.mgnNegL { margin: -80px;}
.pdgS { padding: 20px;}
.pdgM { padding: 40px;}
.pdgL { padding: 80px;}
.pdgBS { padding-bottom: 20px;}
.pdgBM { padding-bottom: 40px;}
.pdgBL { padding-bottom: 80px;}
.pdgTS { padding-top: 20px;}
.pdgTM { padding-top: 40px;}
.pdgTL { padding-top: 80px;}
@media only screen and (max-width:768px){
  .mgnS { margin: 10px 0;}
  .mgnM { margin: 30px 0;}
  .mgnL { margin: 50px 0;}
  .pdgS { padding: 10px;}
  .pdgM { padding: 30px;}
  .pdgL { padding: 50px;}
  .pdgBS { padding-bottom: 10px;}
  .pdgBM { padding-bottom: 30px;}
  .pdgBL { padding-bottom: 50px;}
  .pdgTS { padding-top: 10px;}
  .pdgTM { padding-top: 30px;}
  .pdgTL { padding-top: 50px;}

}

/*iframe*/
.googleMap iframe { max-width: 100%;}
.youtube iframe { /*aspect-ratio: 10 / 6;*/ max-width: 100%; }
@media only screen and (max-width:768px){
  .googleMap iframe { max-height: 300px;}
}

/*font*/
.fsS { font-size: 1.2rem;}
.fsM { font-size: 1.6rem;}
.fsL { font-size: 2.0rem;}
.fcWhite { color: #fff;}
.fcBlack { color: #000;}
.fcRed { color: #970000;}
.fcDGreen { color: #006E8C;}


/*indent*/
.indent1 { padding-left: 2rem;}
.indent2 { padding-left: 4rem;}
@media only screen and (max-width:768px){
  .indent1 { padding-left: 1rem; padding-right: 1rem;}
  .indent2 { padding-left: 2rem; padding-right: 2rem;}
}

/*background*/
.bgWhite { background-color: #fff;}
.bgBlack { background-color: #000;}
.bgGray { background-color: #DDDEDE;}
.bgBlue { background-color: #EFF7FA;}
.bgSlantingBlue { background-color: #EFF7FA; position: relative; margin-top: 150px;}
.bgSlantingBlue:before { content: ""; width: 100%; height: 270px; background-color: #EFF7FA; clip-path: polygon(100% 0, 0% 100%, 100% 100%); position: absolute; top: -269px; }
@media only screen and (max-width:768px){
  .bgSlantingBlue:before { height: 100px; top: -99px;}
}

/*フォーム*/
input { border: solid 1px #999; padding: 10px; font-size: 1.6rem;}
textarea { border: solid 1px #999; padding: 10px; font-size: 1.6rem;}
select { font-size: 1.6rem; padding: 5px;}
input[type="submit"] { width: 20%; padding: 10px; margin: 10px; background: #ccc; color: #000; border: none; border-radius: 0; font-size: 1.6rem;}
input[type="reset"] { width: 20%; padding: 10px; margin: 10px; background: #ccc; color: #000; border: none; border-radius: 0; font-size: 1.6rem;}
@media only screen and (max-width:768px){
  /*iphoneだとform関係のfont-sizeを1.6remより小さくすると勝手に拡大させられる*/
  input { font-size: 1.6rem;}
  textarea { font-size: 1.6rem;}
  select { font-size: 1.6rem;}
  input[type="submit"] { width: 60%; font-size: 1.6rem;}
  input[type="reset"] { width: 60%; font-size: 1.6rem;}
}

/*parts*/

.wp-block-buttons .wp-block-button { margin: 0 auto!important; }

.btn { display: block; background: #fff; margin: 10px; color: #000;}
.btn a { min-width: 250px; text-align: center; text-decoration: none;}
.btn a:hover { opacity: 0.5;}
.btnBlack { text-align: center; width: 320px;}

.btnLinkBlank { /*width: 100%;*/ width: 90%; margin: auto; text-align: center;}
.btnLinkBlank a { display: block; background: #006E8C; border: solid 1px #fff; color: #fff; font-size: 1.6rem; padding: 10px; position: relative; border-radius: 0; transition: .2s cubic-bezier(0.45, 0, 0.55, 1); }
.btnLinkBlank img { width: auto!important; height: 20px!important; margin-left: 1rem; border: none; }
@media only screen and (max-width:768px){
  .btnLinkBlank { width: 100%; }
  .btnLinkBlank a { font-size: 1.4rem; text-align: left; }
  .btnLinkBlank img { width: auto!important; height: 14px!important; }

}

.btnArrow { /*width: 100%;*/ width: 90%; margin: auto; text-align: center;}
.btnArrow a { display: block; background-color: #006E8C; border: solid 1px #fff; color: #fff; font-size: 1.6rem; padding: 10px; position: relative; border-radius: 0; transition: .2s cubic-bezier(0.45, 0, 0.55, 1); }
.btnArrow a::after { content: ""; display: block; width: 50px; height: 8px; position: relative; border-right: 2px solid #fff; border-bottom: 1px solid #fff; transform: skew(45deg); position: absolute; right: 5%; top: 35%; }
.btnArrow a:hover { opacity: 1; background-color: #EFF7FA; border: solid 1px #006E8C; color: #006E8C; font-weight: 700; }
.btnArrow a:hover::after { border-right: 2px solid #006E8C; border-bottom: 1px solid #006E8C; }
.btnArrow a span.small { display: flex; font-size: 1.4rem; font-weight: 500;  text-align: left;}
@media only screen and (max-width:768px){
  .btnArrow { width: 100%; }
  .btnArrow a { font-size: 1.4rem; text-align: left; padding-right: 2.3rem;}
  .btnArrow a::after { width: 14px; height: 6px; right: 10px; top: 35%; }
  .btnArrow a span { font-size: 1.2rem; font-weight: 500;}

}

.btnArrowLight a { background-color: #21ABC4; }
.btnArrowCourse01 a { text-align-last: left; font-weight: 700; background-color: #006E8C;}
.btnArrowCourse02 a { text-align-last: left; font-weight: 700; background-color: #4092A9;}
.btnArrowCourse03 a { text-align-last: left; font-weight: 700; background-color: #80B6C5;}
.btnArrowWhite a { background-color: #fff; color: #006E8C; border: solid 3px #006E8C; font-weight: 700; text-align-last: left; }
.btnArrowWhite a::after { content: ""; display: block; width: 50px; height: 8px; position: relative; border-right: 2px solid #001c3f; border-bottom: 1px solid #001c3f; transform: skew(45deg); position: absolute; right: 5%; top: 35%; }
.btnArrowWhite a:hover { opacity: 1; border: solid 3px #006E8C; border-radius: 20px; }
@media only screen and (max-width:768px){
  .btnArrowWhite a {  padding-right: 2.3rem; }
  .btnArrowWhite a::after { width: 14px; height: 6px; right: 10px; top: 35%; }

}



.btnSquare { width: 300px; margin: 20px 0;}
.btnSquare a { display: block; background: #000; color: #fff; font-weight: 700; text-align: center; padding: 20px 0; font-size: 1.4rem;}
.btnSquareGreen a { background: #006936;}

/*text*/
.textN { font-size: 1.6rem; line-height: 1.7;}
.textB { font-size: 1.8rem; line-height: 2.3; letter-spacing: 0.1rem}
.textS { font-size: 1.4rem; line-height: 1.9;}

.serifText { font-family: "Zen Old Mincho", serif; font-size: 4.0rem; line-height: 1; transform: scale(0.8,1); transform-origin: bottom left;}
.serifTextR { font-family: "Zen Old Mincho", serif; font-size: 4.0rem; line-height: 1; transform: scale(0.8,1); transform-origin: bottom right; text-align: right;}
@media only screen and (max-width:1230px){
  .serifTextR { font-size: 3.0rem; align-self: flex-end;}
}

/*ブロック左寄せ・右寄せ*/
/*左寄せ*/
.boxAreaLeft { max-width: 1230px; width: 90%; margin-left: auto; margin-right: calc(((100% - 1230px) / 2) + 65px);}
/*右寄せ*/
.boxAreaRight { max-width: 1230px; width: 90%; margin-right: auto; margin-left: calc(((100% - 1230px) / 2) + 65px);}
@media only screen and (max-width:1230px){
  .boxAreaLeft { margin: 0 auto; }
  .boxAreaRight { margin: 0 auto; }
}

/*ハンバーガーメニュー*/
.hamburger { display: block; width: 60px; height: 60px; cursor: pointer; text-align: center; background: #fff; border-radius: 30px; position: fixed; right: 0.5%; top: 1%; z-index:20;}
.hamburger span { display: block; position: absolute; width: 24px; height: 3px; right: 18px; background :#21ABC4; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.hamburger span:nth-child(1) { top: 18px;}
.hamburger span:nth-child(2) { top: 25px;}
.hamburger span:nth-child(3) { top: 32px;}
.hamburger p { position: absolute; right: 17px; top: 38px; color: #21ABC4; font-weight: 700; font-size: 10px; text-align: center; line-height: 1;}
.hamburger.active span:nth-child(1) { width: 24px; top: 24px; left: 18px;-webkit-transform: rotate(-45deg);-moz-transform : rotate(-45deg);transform: rotate(-45deg); background: #21ABC4;}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) { width: 24px; top: 24px; -webkit-transform: rotate (45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); background: #21ABC4;}
.hamburgerMenu { display: block; /*background-image: url(../images/hamburgerMenu-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;*/ background: #006E8C; z-index: 15; position: fixed; top: 0; right: -600px; width: 600px; height: 100%; padding: 0 20px; transition: 0.5s ease-in-out; box-shadow: 0 0 5px #999; overflow: hidden;}
.hamburgerMenu.active { display: block; overflow-y: auto; transition: 0.5s ease-in-out; right: 0;}
.hamburgerMenuBg { position: static; width: 100%; height: 100%; background: rgba(255,255,255,0.5); transition: 0.5s; z-index: 14; top: 0; left: 0; opacity: 0;}
.hamburgerMenuBg.active { position: fixed; transition: 0.5s; opacity: 1;}
.hamburgerMenuArea { background: #006E8C; height: auto; padding: 20px 0;}
.hamburgerLogo { width: auto; height: 100px; margin: 0 auto;}
.hamburgerList { }
.hamburgerList li { border-bottom: solid 5px #006E8C; padding: 0 20px; background: #fff;}
.hamburgerList > li:first-child { border-top: solid 5px #006E8C;}
.hamburgerList li li { border: none;}
.hamburgerList a { display: block; color: #181818; font-size: 1.8rem; line-height: 1.0; font-weight: 700; padding: 10px 0;}
.hamburgerList a:hover { text-decoration: none;}
.hamburgerList > li > a { position: relative;}
.hamburgerList > li > a:after { content: ''; display: block; width: 25px; height: 25px; background: url(../images/hamburgerMenuIcon.svg) no-repeat; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
/*.hamburgerList .sub-menu { margin-bottom: 10px;}*/
li.subMenuTitle { padding-right: 0; padding-bottom: 5px;}
.subMenuTitle > a { position: relative;}
.subMenuTitle > a:first-child { padding: 5px 0; cursor: pointer;}
.subMenuTitle > a:first-child:active { pointer-events: none;}
.subMenuTitle > a:after { content: "+"; width: 25px; height: 25px; color: #03478A; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: 0.5s; font-size: 2.0rem; text-align: center; line-height: 1.2;}
.subMenuTitle.active > a:after { content: "－"; transition: 0.5s;}
.subMenuTitle > ul { display: none;}
.subMenuTitle > ul li a { font-weight: 500; text-indent: -1.5em; padding-left: 1.5em; padding-top: 5px; padding-bottom: 5px;}
.subMenuTitle > ul li a:before { content: "−"; margin-right: 0.5em;}

.noLink > a:first-child { pointer-events: none;}
.hamburgerList > li.noLink > a:after { content: none;}


.hamburgerListAreaAdd { margin: 2rem auto; padding: 1rem; background: #fff; }

#menu-item-412 { background: #006E8C; border: solid 1px #fff; margin: 5px 0; }
#menu-item-412 a { color: #fff; text-align: center; }
#menu-item-412 a::after { content: ''; width: 20px; height: 20px; background: url(../images/icon_BLANK.svg) no-repeat; }
#menu-item-412:hover { background: #fff; border: solid 1px #006E8C; }
#menu-item-412:hover a { color: #006E8C; opacity: 1; }
#menu-item-412:hover a::after { background: url(../images/icon_BLANK_dgreen.svg) no-repeat; }

.extraLinkMenu { width: 100%; display: block; }
.extraLinkMenu li { display: block; background: rgba(255,255,255,0.3); border-radius: 10px; }
.extraLinkMenu li a { display: flex; align-items: center; justify-content: center; padding: 3px; margin: 10px 0; }
.extraLinkMenu li a img { width: 55px; height: auto; }
.extraLinkMenu li a span { color: #fff; font-size: 1.6rem; font-weight: 600; text-shadow: 0 0 5px #000; padding-left: 1rem; }
.extraLinkMenu li a span br { display: none; }
.extraLinkMenu li a::after { content: ''; width: 20px; height: 20px; background: url(../images/icon_BLANK.svg) no-repeat; }

@media only screen and (min-width:768px){
    /*PC*/
    .hamburger { transition: 0.5s ease-in-out;}
    .hamburger.active { right: 600px; transition: 0.5s ease-in-out; border-radius: 50px 0 0 50px; background: #006E8C;}
    .hamburger.active span:nth-child(1) { background: #fff;}
    .hamburger.active span:nth-child(2),
    .hamburger.active span:nth-child(3) { background: #fff;}
    .hamburger.active p { color: #fff;}

    .hamburgerListAreaAdd { display: none; }

    .menu-item-74 .sub-menu { padding-left: 30px; }

}
@media only screen and (max-width:768px){
    /*sp*/
    .hamburger { width: 50px; height: 50px; top: 7px;}
    .hamburger span { display: block; position: absolute; width: 24px; height: 3px; right: 13px; background :#21ABC4; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
    .hamburger span:nth-child(1) { top: 12px;}
    .hamburger span:nth-child(2) { top: 19px;}
    .hamburger span:nth-child(3) { top: 26px;}
    .hamburger p { width: 100%; right: auto; top: 33px; left: 50%; top: 33px; transform: translateX(-50%); right: auto;}

    .hamburger.active span:nth-child(1) { top: 20px; left: 13px;}
    .hamburger.active span:nth-child(2),
    .hamburger.active span:nth-child(3) { top: 20px;}


    .hamburgerLogo { width: 50%; height: auto;}
    .hamburgerMenu { width: 90%; right: -90%;}
  

    .hamburgerList a { font-size: 1.4rem; padding-right: 40px;}
    .hamburgerList > li > a:after { width: 20px; height: 20px;}
    .hamburgerList li li { padding: 2px 0px 2px 10px;}
    .subMenuTitle > a:first-child { padding-right: 25px; }
    .subMenuTitle > a:after { top: 2px; transform: none;}
    .subMenuTitle li a { padding-right: 0;}
    .hamburgerList .sub-menu { margin-top: 5px;}
    .hamburgerList > .subMenuTitle > a:after { /*font-size: 2.5rem;*/ font-size: 1.8rem; line-height: 1.0;}
    li.subMenuTitle { padding-bottom: 0;}
    .subMenuTitle > a:after { width: 16px; height: 16px; right: 0; top: 5%; font-size: 1.6rem; line-height: 1.2;}
    /*#menu-item-69 a { font-size: 1.1rem;  }*/
    #menu-item-498 a { font-size: 1.4rem;  }
    #menu-item-70 a { font-size: 1.4rem;  }

    .extraLinkMenu li a span { font-size: 1.3rem; }
    .extraLinkMenu li a span br { display: inherit; }

    .hamburgerListAreaAdd { display: none; }


    /*20240903 add tsaito*/
    .hamburgerMenu { padding: 0 10px; }
    .hamburgerMenuArea { /*padding-top: 100px;*/ /*padding-top: 65px;*/ padding: 65px 0 10px; }
    .hamburgerList li { padding: 0 10px; }
    .hamburgerList li li { padding: 2px 0px 2px 5px;}
    .subMenuTitle > a:first-child { padding-right: 15px; }

    .menu-item-74 .sub-menu { padding-left: 30px; }
}

/*topに戻るボタン*/
.topBack { position: fixed; right: 0; bottom: 0; width: 60px; height: 60px; z-index: 12; }
@media only screen and (max-width:768px){
  .topBack { width: 50px; height: 50px; }
}

/*link*/
/*aタグに何が付いているかで付くものが変わります。contentの中身を変更することで好きな表示に出来ます。*/
/*.link[target="_blank"]:after { content: "→"; display: inline-block; padding-left: 0.5em;}
.link[href^="#"]:after { content: "↓"; display: inline-block; padding-left: 0.5em;}*/
/*.link a[href$=".docx"]:before { content: "Word"; display: inline-block; margin-left: 0.5em; background: #0000ff; padding: 0px 5px; border-radius: 5px; color: #fff;}
.link a[href$=".xlsx"]:before { content: "Excel"; display: inline-block; margin-left: 0.5em; background: #008000; padding: 0px 5px; border-radius: 5px; color: #fff;}
.link a[href$=".pdf"]:before { content: "PDF"; display: inline-block; margin-left: 0.5em; background: #ff0000; padding: 0px 5px; border-radius: 5px; color: #fff; font-size: 1.2rem;}*/

.toTop {position: fixed; bottom: 5%; right: 5%;}

/*▶系　width・heightの数値をいじると大きさが変わります。*/
.arrowT { position: relative;}
.arrowT:before { content: ""; display: block; width: 10px; height: 10px; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: #000;}
.arrowR { position: relative;}
.arrowR:before { content: ""; display: block; width: 10px; height: 10px; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); clip-path: polygon(0% 0%,100% 50%, 0% 100% ); background: #000;}
.arrowB { position: relative;}
.arrowB:before { content: ""; display: block; width: 10px; height: 10px; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); clip-path: polygon(0% 0%, 100% 0%, 50% 100%); background: #000;}
.arrowL { position: relative;}
.arrowL:before { content: ""; display: block; width: 10px; height: 10px; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); clip-path: polygon(0% 50%, 100% 0%, 100% 100%); background: #000;}

/*headline*/
.headlineLeftBorder { font-size: 1.8rem; border-left: solid 5px #000; padding-left: 0.5em; margin-bottom: 10px;letter-spacing: 0.1em; line-height: 2;}
.headlineBig { font-size: 2.6rem; font-weight: 700; margin-bottom: 10px;letter-spacing: 0.1em; line-height: 2;}

/*.headlineVertical { writing-mode: vertical-rl; font-family: "Zen Old Mincho", serif; font-size: 4.0rem; font-weight: 900; color: #fff; text-align: center; margin: 0 auto; letter-spacing: 0.1em; line-height: 2.3;}*/

.headlineVertical { writing-mode: vertical-rl; font-family: "Zen Old Mincho", serif; /*font-size: 4.0rem;*/ font-size: 5vh; font-weight: 500; color: #fff; text-align: center; margin: 0 auto; letter-spacing: 0.1em; line-height: 2.3;}


.headlineSerif { font-family: "Zen Old Mincho", serif; font-size: 3.3rem; font-weight: 900; color: #fff; line-height: 2; letter-spacing: 0.1em;}
.headlineSerifBlue { color: #21ABC4;}
.headlineSerifSmall { font-family: "Zen Old Mincho", serif; font-size: 2.2rem; font-weight: 900; margin: 20px 0;}
.headlineSub { font-size: 1.8rem; font-weight: 900;letter-spacing: 0.1em; line-height: 2;}
.headlineUnderline { font-family: "Zen Old Mincho", serif; font-size: 3.0rem; font-weight: 900; color: #fff; border-bottom: solid 1px #fff; position: fixed; top: 200px; left: 40px; width: 40%; /*padding-bottom: 25px;*/ text-shadow: 0 0 10px #000,0 0 10px #000; min-width: 600px;letter-spacing: 0.05em; line-height: 2;}
.headlineBlue { font-size: 2.0rem; font-weight: 900; color: #22ABC5; margin-bottom: 10px; letter-spacing: 0.1em; line-height: 2;}
.headlineSubWhite { font-size: 2.6rem; font-weight: 900; color: #fff;letter-spacing: 0.1em; line-height: 2;}
.headlineBold { font-size: 1.8rem; font-weight: 700; /*margin: 10px 0;*/letter-spacing: 0.1em; line-height: 2; margin-bottom: 10px;}
.headlineBgColor { font-size: 1.8rem; padding: 10px; background: #30ACC0; color: #fff; margin-bottom: 10px; font-weight: 700;letter-spacing: 0.1em; line-height: 2;}
.headlineBottomBorder { font-size: 1.8rem; font-weight: 700; line-height: 1.7; border-bottom: solid 1px #166777; padding-bottom: 7px; margin-bottom: 7px; letter-spacing: 0.1em; line-height: 2;}



@media only screen and (max-width:768px){
  .headlineVertical { /*writing-mode: horizontal-tb;*/ font-size: 1.6rem; line-height: 1.3;  }
  .headlineSerif { font-size: 2.0rem; line-height: 1.6;}
  .headlineSerifSmall { font-size: 2.0rem; line-height: 1.6;}
  .headlineSub { line-height: 1.6;}
  .headlineUnderline { position: static; width: 100%; min-width: auto; font-size: 2.2rem; padding-bottom: 15px; text-shadow: 0 0 10px #000; line-height: 1.6;}
  .headlineBlue { line-height: 1.5; margin-bottom: 10px; line-height: 1.8;}
  .headlineSubWhite { line-height: 1.6; font-size: 2.2rem;}
  .headlineBold { line-height: 1.6; font-size: 1.6rem;}
  .headlineBgColor { line-height: 1.6;}
  .headlineBottomBorder { line-height: 1.6;}


}


/*table*/
.tableBlue { border-collapse: collapse;}
.tableBlue th { background: #6DA2D7; color: #fff; font-size: 1.6rem; padding: 10px; border: solid 1px #fff; border-right: none;}
.tableBlue td { font-size: 1.6rem; padding: 10px; border: solid 1px #6DA2D7;}

.wp-block-table th { width: 6em;}
.wp-block-table.tableWhite th { border-color: #fff!important; }
.wp-block-table.tableWhite td { border-color: #fff!important; }
@media only screen and (max-width:768px){

}

/*アニメーション系*/
.appear { animation: appear 0.5s ease forwards;}
@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}