/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 17 2024 | 17:35:46 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
font-family: "Noto Sans JP", sans-serif;
}

html{
	margin:0 auto;
	max-width:1366px;
	width:100%;
}
header{
    background: #ffffff;
    position: relative;
    z-index: 10;
    display: grid;
}
section{
	padding:4rem 0;
}
ul{
	list-style:none;
	padding-left:0;
	margin:0;
}
li {
    margin-bottom: 0rem;
    line-height: 1.65em;
}
.siteHeader_logo {
    padding: 1rem;
    font-size: 18pt;
}
.gMenu_outer {
	min-height: auto;
}
.header-contact{
    background: #002077;
}
.header-contact a{
    color: #fff !important;
}
.gMenu>li{padding:1rem;}
.entry-header {
    margin-bottom: 0rem;
    position: relative;
    border-bottom:0px solid rgba(0, 0, 0, .05);
    background: rgb(0, 26, 113);
    background: linear-gradient(90deg, rgba(0, 26, 113, 1) 0%, rgba(0, 166, 253, 1) 100%);
}
.mainSection header h1 {
    margin-top: 0;
    line-height: 1.4em;
    color: #fff;
}
h1.entry-title {
    font-size: 2.5rem;
}
.siteHeader_logo a {
    color: #002077 !important;
}
.h2, .h3, .h4, .h5, .h6, .mainSection-title, h2, h3, h4, h5, h6 {
   margin: 0;
   clear: both;
}
.mainSection-title, h2 {
    padding: 0;
    border-top: 0px solid #337ab7;
    border-bottom: 0px solid #e9e9e9;
    font-weight: 700;
    margin-bottom: 1rem;
    font-size: 2rem;
}
.subSection-title, h3 {
    padding-bottom: 0px;
    position: relative;
    border-bottom: 0px solid rgba(0, 0, 0, .1);
}
.subSection-title:after, h3:after {
    content: none;
}
.table, table {
    border-top: 0px solid rgba(0, 0, 0, .05);
}
.table tbody tr td, .table tbody tr th, .table td, .table th, .table thead tr td, .table thead tr th, table tbody tr td, table tbody tr th, table td, table th, table thead tr td, table thead tr th {
    border-bottom: 0px solid rgba(0, 0, 0, .05);
}
td, th {
    padding:0em;
    font-size: 16px;
}
.vk_posts {
    margin-bottom: 1.5rem !important;
}
/********************************
TOP - mv
********************************/
#top-mv{
	padding: 10rem 0;
	background:url("https://english-advancement.com/wp-content/uploads/2024/07/bb0dcd3754fa75dad1c9efea6ae38186.jpg")center no-repeat;
	background-size:cover;
	text-align: right;
}
.mv-title{
    font-size: 42pt;
    text-align: right;
    font-weight: 700;
	display: inline-block;
    background: rgb(0,26,113);
	background: linear-gradient(90deg, rgba(0,26,113,1) 0%, rgba(0,168,255,1) 100%);
	color:#fff;
}
.mv-sub{
    text-align: right;
    font-size: 2rem;
    font-weight: 500;
	display: inline-block;
    background: #fff;
}
/********************************
TOP - c01
********************************/
#top-c1{
	padding: 18rem 0 3rem;
	background:url("https://english-advancement.com/wp-content/uploads/2024/07/60266219086fb852ea69442241bb8fbb.jpg")center top no-repeat;
	background-size:auto;
}
#top-c1 .container {
    background: rgb(253,252,251);
background: linear-gradient(90deg, rgba(253,252,251,1) 0%, rgba(226,209,195,1) 100%);
    padding: 2rem;
}
#top-c1 h3{
    font-size: 18pt;
    font-weight: 700;
    color: #002077;
}
#top-c1 th {
    width: 25%;
    padding: 1rem;
    vertical-align: baseline;
}
#top-c1 td{width:75%;padding:1rem;}

#top-c2 h2{
    text-align: center;
}
#top-c2 h2 span{
    background: linear-gradient(transparent 80%, #009FF6 0%);
}
.txtacc1{
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    width: 100%;
    border-radius: 100px;
    border: 1px solid #002077;
    color: #002077;
    padding: 0.5rem;
    margin: 2rem 0;
}
.box1 {
    box-shadow: 0 10px 10px #ccc;
    padding: 1rem;
    min-height: 340px;
}
#top-c2 h3{
    background: rgb(0,26,113);
    background: linear-gradient(90deg, rgba(0,26,113,1) 0%, rgba(0,166,253,1) 100%);
    color: #fff;
    font-size: 1.25rem;
    padding: 1rem;
    text-align: center;
    margin-bottom: 1rem;
}
.member-img {
    float: left;
    margin-right: 1rem;
}
.member-txt{}
.member-table{
	margin-bottom:0;
}
.member-table li{
	border-bottom:1px dashed #ccc;
}
.btn01{
    text-align: center;
    margin: 1rem;
}
.btn01 a{
    background: #002077;
    color: #fff;
    padding: 1.5rem;
    width: 100%;
    max-width: 500px;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
}
#top-c3,#top-c5{
	background:#F2F2F2;
}
#top-c3 h2{
    text-align: center;
}
#top-c3 h2 span{
    background: linear-gradient(transparent 80%, #009FF6 0%);
}
#top-c4 h2{
    text-align: center;
}
#top-c4 h2 span{
    background: linear-gradient(transparent 80%, #009FF6 0%);
}
#top-c5 h2{
    text-align: center;
	margin-bottom:2rem;
}
#top-c5 h2 span{
    background: linear-gradient(transparent 80%, #009FF6 0%);
}
#top-c5 h4 {
    padding: 20px;
    border-radius: 200px;
    font-size: 1.4rem;
    color: #021460 !important;
    position: relative;
    text-align: center;
    border: 1px dashed #021460;
    background: #fff;
    margin-bottom: 1rem;
}
#top-c5 h4 a{
	color:#021460 !important;
}
#faq-01 h4 {
    padding: 20px;
    border-radius: 200px;
    font-size: 1.4rem;
    color: #021460 !important;
    position: relative;
    text-align: center;
    border: 1px dashed #021460;
    background: #fff;
    margin-bottom: 1rem;
}
#faq-01 h4 a{
	color:#021460 !important;
}
 .accordion-toggle a:after {
	font-family: "Font Awesome 5 Free";
    content: "\f00d";
    float: right;
    color: #021460;
	background: none;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    right: 20px;
    top: 10px;
	 font-weight: 900;
}
.accordion-toggle a.collapsed:after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    float: right;
    color: #021460;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    right: 20px;
    top: 10px;
	font-weight: 900;
}
.panel-body {
    padding: 10px 20px;
}
.pcp-carousel-wrapper .pcp-button-next.top_right, .pcp-carousel-wrapper .pcp-button-prev.top_right {
    display: none;
}
.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

/*背景*/
.btn-wrap {
  margin: 20px;
}

a.btn-c {
  font-size: 1.25rem;
  padding: 1.5rem 4rem 1.5rem 4rem;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  border-radius: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f83600),
    to(#f9d423)
  );
  background-image: -webkit-linear-gradient(left, #001a71 0%, #00a6fd 100%);
  background-image: linear-gradient(to right, #001a71 0%, #00a6fd 100%);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

a.btn-c i.fa {
  margin-right: 1rem;
}

a.btn-c:before {
  position: absolute;
  top: 46%;
  right: 0;
  width: 3rem;
  height: 1px;
  content: "";
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
}

a.btn-c:after {
  position: absolute;
  top: 55%;
  right: 1rem;
  width: 2rem;
  height: 1px;
  content: "";
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
}

a.btn-c:hover {
  -webkit-transform: skew(0);
  transform: skew(0);
  color: #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

a.btn-c:hover:before {
  right: -1.5rem;
  background: #001a71;
}

a.btn-c:hover:after {
  right: -1rem;
  background: #001a71;
}

footer{
	background:#262626;
	color:#fff;
	padding:2rem 0 0;
}
.footer-title{
    font-size: 1.5rem;
    font-weight: 700;
}
footer a{
		color:#fff;
}
.page-header{
	background:url(http://english-advancement.com/wp-content/uploads/2024/07/bb0dcd3754fa75dad1c9efea6ae38186.jpg)no-repeat center;
	background-size:cover;
		text-align:left;
}
.entry-full{margin-bottom:0rem;}
.page-header_pageTitle, h1.page-header_pageTitle:first-child {
    font-size: 42pt;
    text-align: right;
    font-weight: 700;
    display: inline-block;
    background: rgb(0, 26, 113);
    background: linear-gradient(90deg, rgba(0, 26, 113, 1) 0%, rgba(0, 168, 255, 1) 100%);
    color: #fff;
    line-height: normal;
    margin: 8rem 0;
}
.about-table{
  width: 100%;
  border-collapse: collapse;
}

.about-table tr{
  border-bottom: solid 2px white;
}

.about-table tr:last-child{
  border-bottom: none;
}

.about-table th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.about-table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.about-table td {
    text-align: left;
    width: 70%;
    background-color: #eee;
    padding: 1rem;
}

.blogarea .entry-body h2 {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    width: 100%;
    border-radius: 100px;
    border: 1px solid #002077;
    color: #002077;
    padding: 0.5rem;
    margin: 2rem 0;
}
.blogarea .entry-body h3 {
	    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
    padding-bottom: 8px;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,.1)
}
.blogarea .entry-body h3:after {
    content: ".";
    line-height: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: -1px;
    width: 30%;
    border-bottom: 1px solid #337ab7;
}
h1.entry-title {
    font-size: 2rem;
    padding: 1rem;
}
/******************************
contact form
******************************/
/*ContactForm7カスタマイズ*/
table.CF7_table{
	width: 100%;
	margin:0 auto;
}
table.CF7_table p{
	margin:0;
}
table.CF7_table td{
	padding-left: 1rem;
}
table.CF7_table tr{
	border-top: 1px solid #e5e5e5;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
	color:#797979;
}

/*「必須」文字*/
.CF7_req{
	font-size:.9em;
	padding: 5px;
	background: #f79034;/*オレンジ*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:.9em;
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}
/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#f79034;/* オレンジ*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}
/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
	background-color:#ebedf5;/*ブルーグレー*/
	padding: 1rem;
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	body, html {
    font-size: 18px;
}
section {
    padding: 2rem 1rem !important;
}
.txtacc1 {
    padding: 1rem;
}
	table.CF7_table{
	width:95%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
	.CF7_table th{
	background-color:#ebedf5;
	}
    .mv-title {
        font-size: 33pt;
        text-align: left;
        color: #fff;
        line-height: 120%;
        padding: 1rem;
    }
.mv-sub {
    text-align: left;
    font-size: 1.5rem;
    font-weight: 500;
    display: block;
    background: #fff;
    padding: 1rem;
}
#top-mv {
    padding: 5rem 0;
}
top-c1 {
    padding: 10rem 1rem 1rem;
}
th{
	background:#f2f2f2 !important;
	    width: 100% !important;
    display: block;
    padding: 0.5rem !important;
}
td{
    width: 100% !important;
    display: block;
    padding: 0rem 0rem 1rem !important;
}
.box1 {
    padding: 1rem;
    min-height: auto;
    margin-bottom: 1rem;
}
.pcp-carousel-wrapper .sp-pcp-carousel{
	width: 100% !important;
    display: block;
    padding: 0rem 0rem 1rem !important;
}
#top-c5 h4 {
    padding: 1rem 3rem 1rem 1rem;
    border-radius: 200px;
    font-size: 1rem;
    color: #021460 !important;
    position: relative;
    text-align: left;
    border: 1px dashed #021460;
    background: #fff;
    margin-bottom: 1rem;
}
#faq-01 h4{
    padding: 1rem 3rem 1rem 1rem;
    border-radius: 200px;
    font-size: 1rem;
    color: #021460 !important;
    position: relative;
    text-align: left;
    border: 1px dashed #021460;
    background: #fff;
    margin-bottom: 1rem;
}
.about-table th {
    background-color: #52c2d0 !important;
}
.about-table th:after{
		display:none;
}
    .mainSection {
        margin-bottom: 2rem;
        padding: 0px !important;
    }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.entry-meta_items_term {display: none !important;}
	.siteContent {
    padding: 2rem;
}
.entry-full {
    padding: .5rem;
}
footer {
    background: #262626;
    color: #fff;
    padding: 1rem;
}
}