@charset "UTF-8";
#contents {
  font-feature-settings: "palt";
}
/*******************************
#leadBox
*******************************/
#leadBox {
    margin-bottom: 100px;
}
#leadBox .inner {
    width: 1000px;
    margin: 0 auto;
}
#leadBox dl dt {
    font-size: 187.5%;
    color: #00336a;
    font-weight: 500;
    border-bottom: 1px solid #00336a;
    margin-bottom: 45px;
    letter-spacing: 0.05em;
}
#leadBox dl dd ul li:first-child {
    font-size: 137.5%;
    color: #00336a;
    font-weight: 700;
}
#leadBox dl dd ul li {
    margin-bottom: 5px;
}
#leadBox dl dd table {
    width: 100%;
    margin-top: 50px;
}
#leadBox dl dd table th {
    width: 180px;
    border: 1px solid #00336a;
    font-size: 112.5%;
    vertical-align: middle;
    font-weight: 400;
}
#leadBox dl dd table td {
    border: 1px solid #00336a;
    padding: 20px 35px;
}
#leadBox dl dd table td dl {
    display: flex;
    align-items: baseline;
}
#leadBox dl dd table td dl dt {
    font-size: 125%;
    color: #000;
    border-bottom: none;
    margin-bottom: 0;
    width: 130px;
    margin-right: 40px;
}
#leadBox dl dd table td dl dt span {
    font-size: 80%;
    color: #00336a;
}
#leadBox dl dd table td dl dd {
    font-size: 125%;
}
#leadBox dl dd table td dl dd a {
    font-weight: 700;
    font-size: 120%;
}

/*******************************
.eduWrap
*******************************/
.eduWrap {
    margin-bottom: 120px;
}
.eduWrap h2 {
    border-top: 4px solid #335c87;
    border-bottom: 4px solid #335c87;
    font-size: 225%;
    padding: 3px 0;
    color: #00336a;
    margin-bottom: 80px;
}
.eduWrap h2 span {
    border-top: 1px solid #335c87;
    border-bottom: 1px solid #335c87;
    padding: 20px 0;
    display: block;
    text-align: center;
    font-weight: 500;
}

/*--------------------
プルダウン
--------------------*/
.mod_panel {
    margin: 0 0 20px 0;
}
.mod_panel .panelTitle a{
    display: block;
    background-color: #e5ebf0;
    padding: 20px 30px 20px 50px;
    position: relative;
    color: #00336a;
    text-decoration: none;
    font-size: 225%;
}
.mod_panel .panelTitle a:after {
    content: '';
    display: inline-block;
    width: 22px;
    height: 16px;
    background-image: url(../images/panel_arrow_01_pc.svg);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -8px;
}
.mod_panel .panelTitle.open a:after {
    content: " \f077";
    font-family: FontAwesome;
}
.mod_panel_inner {
    width: 900px;
    margin: 0 auto;
    padding: 50px 0 30px 0;
}
.mod_panel_inner.close,
.mod_panel_inner02.close {
    display: none;
}
.mod_panel_inner_btn {
    margin-top: 50px;
}
.mod_panel_inner_btn p.closebtn {
    font-size: 125%;
    text-align: right;
}
.mod_panel_inner_btn p.closebtn a {
    color: #00336a;
    text-decoration: underline;
    font-weight: 500;
}

/*--------------------
プルダウン02
--------------------*/
.mod_panel02 {
    margin-bottom: 37px;
}
.mod_panel02 .panelTitle02 {
    background-color: #beaf73;
    font-size: 137.5%;
    font-weight: 500;
    padding: 7px 0;
}
.mod_panel02 .panelTitle02 span {
    color: #fff;
    font-size: 90%;
    margin: 0 15px;
}
.mod_panel02 .panelTitle02 a {
    display: block;
    text-align: center;
}
.mod_panel02 .mod_panel_inner02 {
    margin-top: 10px;
}
.mod_panel02 .mod_panel_inner02 table {
    margin-top: 10px;

}
.mod_panel02 .mod_panel_inner02 table th {
    line-height: 1.6;
    padding: 6px 0;
}
.mod_panel02 .mod_panel_inner02 table th span {
    font-size: 100%;
}

/*--------------------
table 共通
--------------------*/
.mod_panel_inner table {
    width: 100%;
    text-align: center;
}
.mod_panel_inner table th {
    font-size: 112.5%;
    background-color: #f5f3f2;
    border: 1px solid #969696;
    padding: 15px 0;
    font-weight: 400;
    vertical-align: middle;
    line-height: 1;
}
.mod_panel_inner table th span {
    font-size: 80%;
}
.mod_panel_inner table td {
    font-size: 125%;
    border: 1px solid #969696;
    padding: 15px 0;
    line-height: 1;
    vertical-align: middle;
}
.mod_panel_inner table td span {
    font-size: 80%;
}





.boxWrap {
    margin-bottom: 20px;
}





/*--------------------
table_w06
--------------------*/
.table_w06 th {
    width: 150px;
}
/*--------------------
table_w02
--------------------*/
.table_w02 th {
    width: 450px;
}
/*--------------------
table_w05
--------------------*/
.table_w05 th {
    width: 180px;
}
/*--------------------
table_w03_01
--------------------*/
.table_w03_01 th {
    width: 300px;
}
.table_w03_01 tr:nth-child(2) th {
    background-color: #fff;
    padding: 8px 0;
    font-size: 100%;
}
/*--------------------
table_w03_02
--------------------*/
.table_w03_02 th {
    width: 360px;
}
.table_w03_02 th:first-child {
    width: 180px;
}

.mod_panel_inner table .total_top {
    border: 4px solid #969696;
    border-bottom: 1px solid #969696;
}
.mod_panel_inner table .total_mid {
    border: 4px solid #969696;
    border-top: none;
    border-bottom: none;
}
.mod_panel_inner table .total_bottom {
    border: 4px solid #969696;
    /* border-top: 1px solid #969696; */
}

.mod_panel_inner .toForm {
    margin-bottom: 8px;
}

.mod_panel_inner .toForm a {
    text-decoration: underline;
    color: #00336A;
}

.txtSub {
    font-size: 137.5%;
    font-weight: 500;
    margin-bottom: 10px;
}
.txtSub.col01 span {
    color: #3071b9;
}
.txtSub.col02 span {
    color: #eb6d94;
}
.redImp {
    color: #ff0000;
    font-size: 87.5%;
    margin-top: 5px;
}
.txtSub02 {
    margin-top: 10px;
}
.impTxt {
    color: #ff0000;
    font-size: 125%;
    font-weight: 500;
}
.impTxt02 {
    color: #ff0000;
    font-size: 125%;
    font-weight: 900;
    text-align: center;
    text-indent: -1em;
    margin: 0 0 1em -1em;
}
/*--------------------
学費以外の費用
--------------------*/
.other {

}
.other dt {
    font-size: 137.5%;
    font-weight: 500;
    margin-bottom: 5px;
}
.other dd {

}
.other dd p {
    margin-bottom: 10px;
}







/*******************************
linkArea
*******************************/
#linkArea {
  width: 800px;
  margin: 0 auto;
}
#linkArea .btnArea {
  border: 2px solid #00336a;
  height: 100px;
  line-height: 80px;
  text-align: center;
  margin-bottom: 40px;
  background: #ffffff;
  -webkit-box-shadow: 4px 4px 0 #7e7e86;
  box-shadow: 4px 4px 0 #7e7e86;
  box-sizing: border-box;
}
#linkArea .btnArea p {
  border: 1px solid #00336a;
  width: 790px;
  height: 90px;
  margin: 3px 0 0 3px;
  box-sizing: border-box;
}
#linkArea .btnArea a {
  color: #00336a;
  display: block;
}

#linkArea .btnArea a {
  font-size: 212.5%;
  font-weight: 700;
  position: relative;
}
#linkArea .btnArea a::after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url(../images/linkArea_arrow_01.svg);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -20px;
}
#linkArea .btnArea a span {
  font-size: 80%;
  font-weight: 500;
}

/*******************************
.LinkBox
*******************************/
.LinkBox {
	max-width: 1000px;
	margin: 70px auto;
}
.LinkBox .btnWrap {
	height: 100px;
	line-height: 90px;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	display: block;
	font-size: 212.5%;
	font-weight: 700;
	color: #fff;
	width: 800px;
    margin: 0 auto;
}
.LinkBox .btnWrap span {
	font-size: 80%;
}
.LinkBox .btnWrap div {
	border: 1px solid #fff;
    height: 90px;
    width: 790px;
    box-sizing: border-box;
    margin: 5px 0 0 0px;
    text-align: center;
    display: inline-block;
}
.LinkBox .btnWrap.btn01 {
	background: #00336a;
	-webkit-box-shadow: 3px 3px 0 #7e7e86;
	box-shadow: 3px 3px 0 #7e7e86;
	margin-bottom: 38px;
}
.LinkBox .btnWrap.btn01::after {
	content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../../common/images/arrow_06.svg);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -20px;
}
.LinkBox .btnWrap a {
	display: block;
}