@charset "UTF-8";


/*------下層-----*/

.mv {
	background-color: #1E73BE;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 28px;
	text-align: center;
	line-height: 1.5;
	padding: 20px;
	font-weight: bold;
}
body.page-3qnagare .mv {
	background-color: #00B0F0;
}
body.page-2qnagare .mv {
	background-color: #14B596;
}
.pankuzu {
	padding: 20px 20px 0;
	font-size: 12px;
	line-height: 1.5;
	max-width: 1140px;
	margin: 0 auto;
}
.pankuzu a {
	color: #1E73BE;
	text-decoration: none;
}
.pankuzu a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px){
	
	.mv {
		height: 80px;
		font-size: 18px;
		padding: 20px;
	}
	.pankuzu {
		padding: 20px 20px 0;
		font-size: 11px;
	}

}



/*------お知らせ詳細-----*/

.meta {
	margin-bottom: 30px;
	display: flex;
	align-items: center;
}
.meta .date {
	font-size: 14px;
	margin-right: 30px;
}

@media screen and (max-width: 999px){
	
	.meta {
		margin-bottom: 20px;
	}
	.meta .date {
		font-size: 13px;
		margin-right: 20px;
	}
	
}

/*------テーブル-----*/

.table {
	font-size: 15px;
	border-bottom: 1px solid #DFDFDF;
	position: relative;
	line-height: 1.8;
}
.table::after {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 160px;
	height: 1px;
	background-color: #1E73BE;
}
.table .tr {
	border-top: 1px solid #DFDFDF;
	position: relative;
	display: flex;
}
.table .tr::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 1px;
	background-color: #1E73BE;
}
.table .th {
	width: 180px;
	padding: 30px 25px;
	font-weight: 500;
}
.table .td {
	width: calc( 100% - 180px );
	padding: 30px 25px;
}

@media screen and (max-width: 999px){
	
	.table {
		font-size: 14px;
	}
	.table::after {
		width: 100px;
	}
	.table .tr {
		display: block;
	}
	.table .tr::after {
		width: 100px;
	}
	.table .th {
		width: auto;
		padding: 20px 0 10px;
	}
	.table .td {
		width: auto;
		padding: 0 0 20px;
	}
	
}

/*------FAQ-----*/

.ul_faq {
	margin-top: -20px;
}
.ul_faq li {
	margin-bottom: 20px;
}
.ul_faq li > div {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	line-height: 1.8;
	font-size: 15px;
}
.ul_faq li > div .en {
	width: 30px;
	height: 30px;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	background-color: #1E73BE;
	border-radius: 15px;
}
.ul_faq li .answer .en {
	background-color: #F97C0A;
}
.ul_faq li .answer .txt p {
	margin-bottom: 1em;
}
.ul_faq li .answer .txt p:last-of-type {
	margin-bottom: 0;
}
.ul_faq li > div .txt {
	width: calc( 100% - 50px );
}
.ul_faq .question {
	font-size: 16px;
	font-weight: 500;
	align-items: center;
	padding: 20px 70px 20px 0;
	position: relative;
	cursor: pointer;
	border-bottom: 1px solid #CBCBCB;
	line-height: 1.5;
}
.ul_faq .question::after {
	content: '';
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url("../img/second/icon_plus.png") no-repeat left top;
	background-size: cover;
}
.ul_faq .question.active::after {
	background: url("../img/second/icon_minus.png") no-repeat left top;
	background-size: cover;
}
.sec_faq .btn {
	margin: 0 auto;
}
.ul_faq li > div .txt a {
	color: #169ce2;
	text-decoration: underline;
}
.ul_faq li > div .txt a:hover {
	text-decoration: none;
}

@media screen and (max-width: 999px){
	
	.ul_faq li {
		margin-bottom: 10px;
	}
	.ul_faq li > div {
		padding: 15px 0;
		font-size: 14px;
	}
	.ul_faq li > div .en {
		width: 26px;
		height: 26px;
		font-size: 14px;
		border-radius: 13px;
	}
	.ul_faq li > div .txt {
		width: calc( 100% - 40px );
	}
	.ul_faq .question {
		font-size: 14px;
		padding: 15px 40px 15px 0;
	}
	.ul_faq .question::after {
		right: 0px;
	}

}


/*------概要-----*/

.table_class {
	font-size: 15px;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	line-height: 1.8;
	margin-bottom: 1em;
}
.table_class p {
	margin-bottom: 1em;
}
.table_class p:last-of-type {
	margin-bottom: 0;
}
.table_class .tr {
	display: flex;
}
.table_class .th {
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	width: 250px;
	padding: 30px;
	font-weight: bold;
	display: flex;
	color: #fff;
	align-items: center;
	justify-content: center;
}
.table_class .th.first {
	background-color: #8E8E8E;
}
.table_class .th.second {
	background-color: #00B0F0;
}
.table_class .th.third {
	background-color: #14B596;
}
.table_class .td {
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	background-color: #F8F8F8;
	width: calc( 100% - 250px );
	padding: 30px;
}


.table_basic {
	font-size: 15px;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	line-height: 1.8;
	margin-bottom: 1em;
}
.table_basic p {
	margin-bottom: 1em;
}
.table_basic p:last-of-type {
	margin-bottom: 0;
}
.table_basic .tr {
	display: flex;
}
.table_basic .th {
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	width: 180px;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F8F8F8;
}
.table_basic .td {
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	width: calc( 100% - 180px );
	padding: 30px;
}

@media screen and (max-width: 999px){

	.table_class {
		font-size: 14px;
	}
	.table_class .tr {
		display: block;
	}
	.table_class .th {
		font-size: 14px;
		width: auto;
		padding: 10px;
		display: block;
		text-align: center;
	}
	.table_class .td {
		width: auto;
		padding: 20px;
	}


	.table_basic {
		font-size: 14px;
	}
	.table_basic .tr {
		display: block;
	}
	.table_basic .th {
		width: auto;
		padding: 10px;
		display: block;
		text-align: center;
	}
	.table_basic .td {
		width: auto;
		padding: 20px;
	}
	
}

/*------メリット-----*/

.three_col {
	display: flex;
	justify-content: space-between;
}
.three_col > div {
	width: 30%;
}
.three_col img {
	width: 100%;
	margin-bottom: 15px;
}
.three_col p {
	text-align: center;
	font-weight: bold;
	line-height: 1.8;
	font-size: 16px;
	color: #0E357F;
}

.check_box {
	border: 1px solid #E1E1E1;
	background-color: #F8F8F8;
	padding: 30px;
	color: #0E357F;
	font-size: 16px;
	line-height: 1.8;
}
.check_box ul {
	list-style: none;
	margin: 0;
}
.check_box li {
	padding: 20px 0;
	border-bottom: 1px dashed #B1B1B1;
	font-weight: bold;
	margin-bottom: 0;
	display: flex;
	align-items: center;
}
.check_box li:first-child {
	padding-top: 0;
}
.check_box li:last-child {
	padding-bottom: 0;
	border: none;
}
.check_box li div {
	width: calc( 100% - 43px );
	line-height: 1.8;
}
.check_box li span {
    background: linear-gradient(transparent 70%, #FFF700 0%);
    padding-bottom: 0.1em;
}
.check_box li::before {
	content: '';
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url("../img/second/icon_check.png") no-repeat left top;
	background-size: cover;
	margin-right: 20px;
}

@media screen and (max-width: 999px){
	
	.three_col p {
		font-size: 14px;
	}
	
}

@media screen and (max-width: 767px){
	
	.three_col {
		display: block;
	}
	.three_col > div {
		max-width: 300px;
		width: 100%;
		margin: 0 auto 20px;
	}
	.three_col > div:last-of-type {
		margin-bottom: 0;
	}
	.three_col > div:last-of-type p {
		margin-bottom: 0;
	}
	.three_col img {
		margin-bottom: 10px;
	}
	.check_box {
		padding: 20px;
	}
	.check_box li {
		padding: 20px 0;
	}
	.check_box li div {
		width: calc( 100% - 38px );
	}
	.check_box li span {
		background: linear-gradient(transparent 85%, #FFF700 0%);
	 }
	.check_box li::before {
		content: '';
		display: inline-block;
		width: 23px;
		height: 23px;
		background: url("../img/second/icon_check.png") no-repeat left top;
		background-size: cover;
		margin-right: 15px;
	}
	
}

/*------学習方法-----*/

body.page-learning .main_col .alignright {
	max-width: 220px !important;
}
body.page-learning .main_col .btn_link {
	margin: 0;
	max-width: 300px;
}
.btn_twocol {
	display: flex;
}
.btn_twocol a {
	max-width: 220px !important;
}
.btn_twocol a:first-of-type {
	margin-right: 20px !important;
}

@media screen and (max-width: 999px){
	
	body.page-learning .main_col .alignright {
		max-width: 150px !important;
	}
	body.page-learning .main_col .btn_link {
		margin: 0 auto;
		max-width: 300px;
	}
	.btn_twocol {
		display: block;
	}
	.btn_twocol a {
		max-width: 300px !important;
	}
	.btn_twocol a:first-of-type {
		margin-right: auto !important;
		margin-bottom: 20px !important;
	}
	
}

/*------特典-----*/

body.page-tokuten .main_col .btn_twocol .btn_link {
	margin: 0;
	max-width: 320px !important;
}
body.page-tokuten .main_col .btn_twocol {
	justify-content: center;
}
body.page-tokuten .main_col img {
	max-width: 600px;
}
.logos {
	display: flex;
	justify-content: space-between;
}
.logos > div {
	width: 48%;
	background-color: #F8F8F8;
	padding: 50px 20px;
}
.logos img {
	max-width: 150px !important;
	margin-bottom: 40px;
}
.logos .btn_link {
	max-width: 250px !important;
}
.logos .second .btn_link {
	background-color: #00B0F0;
}
.logos .third .btn_link {
	background-color: #14B596;
}

@media screen and (max-width: 999px){
	
	body.page-tokuten .main_col .btn_twocol .btn_link {
		margin: 0 auto !important;
	}
	body.page-tokuten .main_col .btn_twocol {
		display: block;
	}
	body.page-tokuten .main_col .btn_twocol a:first-of-type {
		margin-bottom: 20px !important;
	}
	.logos {
		display: block;
	}
	.logos > div {
		width: 100%;
		max-width: 480px;
		margin: 0 auto;
		padding: 20px 20px;
	}
	.logos > div:first-of-type {
		margin-bottom: 20px;
	}
	.logos img {
		max-width: 100px !important;
		margin-bottom: 20px;
	}
	.logos .btn_link {
		max-width: 250px !important;
	}
	
}


.wp-pagenavi {
	margin-top: 50px;
	clear: both;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #000;
	background-color: #f5f5f5;
	padding: 10px 15px;
	margin: 0 5px;
	white-space: nowrap;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: none;
}
.wp-pagenavi a:hover{
	color: #fff;
	background-color: #1E73BE;
}
.wp-pagenavi span.current{
	color: #fff;
	background-color: #1E73BE;
	font-weight: bold;
}
.wp-pagenavi .pages {
	display: none;
}

@media screen and (max-width: 767px){

	.wp-pagenavi {
		margin-top: 20px;
	}
	.wp-pagenavi a, .wp-pagenavi span {
		padding: 8px 13px;
		font-size: 11px;
	}
	
	.wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .extend {
		display: none;
	}
	
}