@charset "UTF-8";

/*---------------------------
　　講習会
---------------------------*/

.special_bc_img .wrapper { padding: 4em 0; }
.special_bc_img { background: url(../images/common/bg_pattern.jpg); }

.special_box,
.wide_sect_box {
	width: 62.5em;
	margin: 4em auto 6em auto;
}

.special_content .main_visual { width: 100%; }
/*.special_content img[src$=".png"] { background: none!important; }*/
.wide_sect_box img { width: 100%; }

.wide_sect_box.frame {
  margin: 0 auto;
  padding: 3em;
  background-color: #FFF;
}

.special_box .box_inner { padding: 0 1em; }

.special_box .title {
  padding: 1.5rem 2em;
  margin-bottom: 0;
  border-radius: 0.6em;
  background: #1458e3;
  background: linear-gradient(to right, #1458FF 0%, #0095D6 100%);
  background: -moz-linear-gradient(to right, #1458FF 0%, #0095D6 100%);
  background: -webkit-linear-gradient(to right, #1458FF 0%, #0095D6 100%);
}

.special_box .title h2 {
  margin: 0 auto;
  font-size: 3.2rem;
  letter-spacing: 0.3rem;
  color: #FFF;
}

.special_box .copy {
  margin: 0 auto 0;
  padding: 1em 2em;
}

.special_box .copy h3 {
  font-weight: bold;
  font-size: 3.2rem;
  padding: 1.2rem 0;
}

.special_box .copy h3 strong {
  background-color: #FFFF00;
  font-weight: bold;
}

.special_box h3.outline {
  color: #FFF;
  font-weight: normal;
  font-size: 2.4rem;
  background-color: #0b327c;
  padding: 0.8rem 1.2rem;
  margin: 2em 0 1em;
  border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  letter-spacing: 0.2em;
}

.special_box p.phrase {
  font-size: 2.4rem;
  color: #1458d9;
  padding-bottom: 1em;
}

.special_box p.phrase02 {
  margin-top: 1em;
}

.special_box p.phrase02 strong {
  font-size: 2rem;
  padding: 0.5em;
  font-weight: bold;
  color: #000;
  background-color: #FFFF00;
  text-shadow: none;
  line-height: 1.4;
}

.special_box .request {
  margin: 0 auto 2em auto;
  padding: 0 0.5em;
}

.special_box .req_btn a { font-size: 2rem; }

.special_box .link_btn.class a {
	margin: 1em auto 0 auto;
	font-size: 2rem;
}

.special_box .link_btn a {
	margin: 1em auto 0 auto;
	font-size: 1.4rem;
}

/* エリア対象校舎 */

.special_box .school {
  margin: 2em 0 1em 0;
  padding: 2em;
  border-radius: 1em;
  background-color: #E8F6FC;
  color: #333;
}

.special_box .school .ttl {
  margin-bottom: 0.5em;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.special_box .school p { font-size: 1.8rem; }

/* 夏期講習会のサポート */

.special_box.support .copy { background: url(../images/course/summer/summer_bg_support.jpg) right 1em no-repeat; }
.special_box.pre .copy { background: url(../images/course/summer/summer_bg_pre.jpg) right 2em no-repeat; }

.special_box.support .item_wrap { margin: 0 auto; }

.special_box.support .item {
  width: 50%;
  float: left;
  padding: 0 1em;
  margin-bottom: 2em;
}

.special_box.support .item img {
  float: left;
  margin-right: 0.8rem;
  display: block;
}

.special_box.support .item dl {
  border: solid 1px #8cc63f;
}

.special_box.support .item dt {
  color: #FFF;
  text-align: center;
  font-weight: bold;
  background-color: #8cc63f;
  padding: 0.8rem 0;
}

.special_box.support .item dd {
  padding: 1rem;
  overflow: hidden;
  font-size: 1.4rem;
}

.special_box.support .request img.livenavi {
  width: 100%;
  margin-bottom: 2em;
}

.special_box.support .request a { margin: 2em auto 2em; }

/* 馬渕の夏期特別プログラム */

/*.special_box.program .course .item {
	display: inline-block;
  width: 31.4%;
  margin: 0 0.5em;
  padding: 1em;
  background-color: #f4e7eb;
}

.special_box.program .course .item h3 {
	text-align: center;
	color: #e86284;
}

.special_box.program .course .item .link_btn a { width: 100%; }

.special_box.program .course .item .gakunen {
	margin-bottom: 1em;
	padding: 0.2em 0;
	font-weight: bold;
	background-color: #ec809b;
	text-align: center;
  color: #FFF;
}*/

.special_box.program .course .list {
  margin: 1em auto 0 auto;
  padding: 0 2em;
}

.special_box.program .course .list li {
  justify-content: center;
  align-items: center;
  padding: 1.5em 2em;
  background-color: #EEE;
}

.special_box.program .course .list li:nth-child(even) { background-color: #FFF; }

.special_box.program .course h3 {
  display: block;
  height: auto;
  padding: 0;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.05em;
  background: none;
  color: #333;
}

.special_box.program .course .list .gakunen {
  width: 25%;
  display: block;
  padding: 0.3em;
  font-size: 1.8rem;
  text-align: center;
  border-radius: 100vw;
  background-color: #ec809b;
  color: #FFF;
  vertical-align: middle;
}

.special_box.program .course .list .name {
  width: 65%;
  padding: 0 2em;
}

.special_box.program .course .list .name p {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: bold;
  color: #333;
}

.special_box.program .course .list .event_btn {
  width: 20%;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  border: #ec809b 1px solid;
  border-radius: 0.5em;
  background-color: #FFF;
}

.special_box.program .course .list .event_btn a {
  display: block;
  padding: 0.5em;
  text-align: center;
  color: #ec809b;
}

/* 募集要項 */
.special_box .term dl { margin-bottom: 1em; }

.special_box .term dt {
  font-weight: bold;
  display: inline-block;
  color: #026DB8;
}

.special_box .term dd {
	font-size: 2.2rem;
  font-weight: bold;
  display: inline-block;
}

.special_box .application {
  border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  background-color: #EEE;
  padding: 2rem 3rem;
  margin: 1em 0 2em 0
}

.special_box .application li {
  padding: 0.4rem 0;
  text-indent: -1em;
  margin-left: 1em;
}

.special_box .application li:before {
  content: '';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-right: 0.2em;
  -webkit-border-radius: 100vh;
  border-radius: 100vh;
  background-color: #1458e4;
}

.special_box .accordion dt { cursor: pointer; }

.special_box .accordion dt span {
  display: block;
  color: #FFF;
  font-size: 2.4rem;
  padding: 1.5rem 1.7rem;
  margin-bottom: 1rem;
  background: url(../images/course/summer/summer_bg_accordion.png) 97% 50% no-repeat;
  letter-spacing: 0.1em;
}

.special_box .accordion dt span.sho2_3 { background-color: #CD92AB; }
.special_box .accordion dt span.sho4 { background-color: #F29B87; }
.special_box .accordion dt span.sho5 { background-color: #ECC656; }
.special_box .accordion dt span.sho6 { background-color: #A38C67; }
.special_box .accordion dt span.chu1 { background-color: #009DDA; }
.special_box .accordion dt span.chu2 { background-color: #3BA860; }
.special_box .accordion dt span.chu3 { background-color: #425BA8; }
.special_box .accordion dd { margin-bottom: 1em; }

.special_box table {
  margin: 1em 0;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  width: 100%;
}

.special_box table tr th {
	width: 33%;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  color: #FFF;
  text-align: center;
  padding: 0.5em 0;
  vertical-align: middle;
  background: #87a9d6;
}

.special_box table tr th:nth-child(1n) { width: 40%; }
.special_box table tr th:nth-child(2n) { width: 42%; }
.special_box table tr th:nth-child(3n) { width: 18%; }
.special_box .fee table tr th:first-child { width: 15%; }
.special_box .fee table tr th:nth-child(2n) { width: 20%; }
.special_box .fee table tr th:nth-child(3n) { width: 45%; }
.special_box .fee table tr th:nth-child(4n) { width: 15%; }

.special_box .fee table tr td.bg2 {
  text-align: center;
  font-weight: bold;
}

.special_box table tr td {
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  vertical-align: middle;
  padding: 0.5em;
  text-align: left;
}

.special_box table td.half { background:#FCE5E8;}
.special_box table td.half span { color:#E4007F;}

.special_box table tr td.bg1 {
  background: #EFF4F7;
}

.special_box table tr td.bg2 {
  text-align: center;
  font-weight: bold;
  background: #EEE;
}

.special_box #course table tr td.bg2 { width: 15%; }
.special_box #course table tr td { padding: 0.5em 1em; }
.special_box #course table tr th:first-child { width: 8%; }

.special_box a.curriculum {
	font-size: 2.2rem;
  display: block;
  margin: 2em 0 2em 0;
}

.special_box table tr td.s_price { text-align: right; }

.special_box table tr td.s_price.cam {
  text-align: center;
  font-weight: bold;
  background: #F00;
  color: #FFF;
  padding: 0.5em 0;
  line-height: 1.3;
}

.special_box table tr td.s_price.cam strong {
	font-size: 2.2rem;
  font-weight: bold;
  color: #FF0;
}

.special_box .annot li { font-size: 1.6rem!important; }
.special_box .guide_btn .form_close { width: 26em; }


/*---------------------------
　　馬渕の英語指導
---------------------------*/

.special_box .frame {
  margin-top: 1em;
  padding: 2em;
  background-color: #EEE;
}

.special_box .frame li {
  text-indent: -0.5em;
  margin-left: 0.5em;
  font-weight: bold;
}

.special_box .list img {
  display: inline-block;
  width: 32.5%;
  margin-top: 1em;
}

.special_box .kaitei {
  position: relative;
  margin: 2em auto 4em auto;
}

.special_box .kaitei li {
  display: inline-block;
  width: 400px;
  margin-top: 2em;
  vertical-align: top;
}

.special_box .kaitei li img { width: 100%; }

.special_box .kaitei li span {
  display: block;
  width: 100%;
  margin-top: 0.5em;
}

.special_box .kaitei li:nth-child(even) {margin-left: 2em; }

.special_box .movie {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}

.special_box .bnr {
  margin: 2em auto 4em auto;
  text-align: center;
}


/*---------------------------
　　小学生統一テスト
---------------------------*/

.h_link {
  width: 100%;
  background-color: #2ea7e0;
}

.h_link_fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  /*z-index: 4;*/
}

.h_link ul {
  max-width: 1000px;
  height: 5em;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.h_link li a {
  display: block;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

.h_link li a:hover {
  border-radius: 5px;
  background-color: #fff;
  opacity: 1;
  color: #2ea7e0;
}

.h_link li:last-of-type a { color: #ff0; }

.h_link li:last-of-type a:hover {
  background-color: #ff0;
  color: #2ea7e0;
}

/*#about::before,
#report_card::before,
#test_cover::before,
#challenge::before,
#watch::before,
#guideline::before,
#con_form::before {
  display: block;
  height: 2em;
  margin-top: -2em;
  content: "";
}*/

#toitsu_content img[src$=".png"] { background: none; }
#toitsu_content img { width: 100%; }
#toitsu_content br.pc, #toitsu_content br.pc_only { display: block; }

#toitsu_content .title {
  padding: 1.5rem 0;
  margin-bottom: 0;
  background-color: #2ea7e0;
}

#toitsu_content .title h1 {
  width: 34em;
  margin: 0 auto;
  padding: 0 1em;
  font-size: 3.2rem;
  letter-spacing: 0.3rem;
  color: #FFF;
}

#toitsu_content .box_inner {
  width: 62.5em;
  margin: 2em auto 4em auto;
}

#toitsu_content .box_inner .item { text-align: center; }
#toitsu_content .box_inner .item a img { margin: 2em 0 0 0; }
#toitsu_content .toitsu_box1 h1 img {  width: 100%; }

#toitsu_content .copy h2 {
  padding: 1em 0;
  font-weight: bold;
  font-size: 3.2rem;
  text-align: center;
}

#toitsu_content .copy h2 strong {
  background-color: #FFEA00;
  font-weight: bold;
}

#toitsu_content .red { color: #D90000; }

.toitsu_box1 .order,
.toitsu_box4 .order {
  margin: 4em 0;
}

#toitsu_content .req_btn a { font-size: 2rem; }

#toitsu_content .link_btn.class a {
  margin: 1em auto 0 auto;
  font-size: 2rem;
}

.toitsu_box2 .item_wrap {
  width: 62.5em;
  margin: 0 auto;
}

.toitsu_box2 .item {
  width: 50%;
  float: left;
  padding: 0 1em;
  margin-bottom: 2em;
}

.toitsu_box2 ul { margin: 0 0 4em 0; }

.toitsu_box2 li {
  display: inline-block;
  width: 24em;
  padding: 1em 0;
  margin: 0.4em 0.3em;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  background-color: #FFF000;
  color: #004098;
}

.toitsu_box3 .copy {
  margin: 0 auto 30px;
  padding: 20px 20px 0;
}

.toitsu_box4 .copy2 {
  margin: 0 auto 1em auto;
  padding: 1em 0 0 0;
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.04em;
  border-bottom: 1px solid #D90000;
  color: #D90000;
}

.toitsu_box4 h2 {
  margin: 1em 0;
  padding: 0.7rem 1.2rem;
  font-weight: normal;
  font-size: 2.4rem;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  letter-spacing: 0.2em;
  background-color: #6c9bd2;
  color: #FFF;
}

.toitsu_box4 .term p {
  font-weight: bold;
  font-size: 2.2rem;
}

.toitsu_box4 #fee { margin: 2em 0 4em 0; }
.toitsu_box4 .term #fee { margin: 0; }

.toitsu_box4 .application {
  margin: 1em 0 2em 0;
  padding: 1rem 2rem;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  background-color: #F6F7F7;
}

.toitsu_box4 .application li {
  padding: 0.4rem 0;
  text-indent: -1em;
  margin-left: 1em;
}

.toitsu_box4 .application li:before {
  content: '';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-right: 0.2em;
  -webkit-border-radius: 100vh;
  border-radius: 100vh;
  background-color: #1458e4;
}

.toitsu_box4 .application li strong { color: red; }

.toitsu_box4 table {
  width: 100%;
  margin: 0.5em 0;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

.toitsu_box4 table tr th {
  width: auto;
  padding: 0.2em 0;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  font-size: 1.4rem;
  text-align: center;
  vertical-align: middle;
  background: #6c9bd2;
  color: #FFF;
}

.toitsu_box4 table tr td {
  padding: 0.5em;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  vertical-align: middle;
  font-size: 1.4rem;
}

.toitsu_box4 table tr td.s_price {
  width: 8em;
  text-align: right;
  padding-right: 20px;
}

.toitsu_box4 table tr td.bg1 { background: #EFF4F7; }

.toitsu_box4 table tr td.bg2 {
  width: 10em;
  padding: 0 0.5em;
  font-weight: bold;
  text-align: center;
  background: #EAEAEA;
}

.toitsu_box4 .note { margin-bottom: 2em; }

.toitsu_box4 .note p {
  font-size: 1.3rem;
  font-weight: normal;
}

.toitsu_box4 table tr td.s_price {
  width: 8em;
  text-align: right;
  padding-right: 1em;
}

.toitsu_box4 table tr td.s_price.cam {
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  background: #F00;
  color: #FFF;
}

.toitsu_box4 table tr td.s_price.cam span { vertical-align: 3px; }

.toitsu_box4 table tr td.s_price.cam strong {
  font-size: 3rem;
  font-weight: bold;
  color: #FF0;
}

.toitsu_box4 table.price tr td { font-size: 1.8rem; }

.toitsu_box4 .txt {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.toitsu_box4 .movie {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}

.toitsu_box4 .popup-image {
  margin-bottom: 4em;
  display: block;
}

/*---------------------------
　　Media Queries設定
---------------------------*/

/*---------------------------------------------*/
@media screen and (max-width: 768px) {
/*---------------------------------------------*/

.special_bc_img .wrapper { padding: 1em 0; }
.special_bc_img { background: none; }

.wide_sect_box.frame {
  padding: 1em;
  background-color: none;
}

.wide_sect_box {
  width: 100%;
  padding: 1em;
  margin: 1em auto;
}


/* 講習会
---------------------------*/

.special_box {
	width: 100%;
	margin: 0 auto 3em auto;
	padding: 0 1em;
}

.special_box .box_inner {
  margin: 0 auto 1em;
  padding: 0;
  width: 100%;
}

.special_box .title {padding: 0.5em 1em; }

.special_box .title h2 {
  font-size: 2.2rem;
  width: 100%;
  padding: 0;
  letter-spacing: 0;
}

.special_box .copy {
  width: 100%;
  margin: 0;
  padding: 1em 0;
}

.special_box .copy h3 {font-size: 2.8rem; }

.special_box h3.outline {
  font-size: 1.8rem;
  letter-spacing: 0;
}

.special_box p.phrase {
  font-size: 2rem;
  line-height: 1.6;
}

.special_box p.phrase02 strong {font-size: 2rem; }

.special_box .request {
  padding: 0 0.5em;
  width: 100%;
}

.special_box .req_btn a,
.special_box .link_btn.class a { font-size: 1.8rem; }

/* エリア対象校舎 */
.special_box .school {
  margin: 1em 0;
  padding: 1.5em;
}

.special_box .school .ttl { font-size: 1.8rem; }
.special_box .school p { font-size: 1.4rem; }

.special_box.support .item_wrap { width: 100%; }

.special_box.support .item {
  width: 100%;
  padding: 0 0.5em;
  margin-bottom: 0.5em;
}

.special_box.support .item img { width: 40%; }

.special_box.support .copy,
.special_box.pre .copy { background: none; }

.special_box.support .item dd {font-size: 1.3rem; }
.special_box.support .request img.livenavi { margin-bottom: 1em; }

/*.special_box.program .course {
  margin: 0 auto 2em;
  padding: 0 0.5em;
  width: 100%;
}

.special_box.program .course .item {
  display: block;
  width: 100%;
  margin: 0 0 1em 0;
}

.special_box.program .item a {
  float: none;
  display: block;
  margin: 0.5em 0 0 0;
}*/

.special_box.program .course .list {
  width: 100%;
  padding: 0;
}

.special_box.program .course .list li {
  justify-content: start;
  align-items: normal;
  padding: 1.5em;
}

.special_box.program .course .list .day {
  font-size: 1.8rem;
  color: #0095D6;
}

.special_box.program .course .list .day,
.special_box.program .course .list .name,
.special_box.program .course .list .event_btn,
.special_box.program .course .list .event_btn a { width: 100%; display: block; }

.special_box.program .course .list .gakunen {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
  font-size: 1.6rem;
}

.special_box.program .course h3 {
  font-size: 2.8rem;
  letter-spacing: 0;
  text-align: center;
}

.special_box.program .course .list .name p { text-align: center; font-size: 1.8rem; }
.special_box.program .course .list .name { padding: 0.8em 0; }

.special_box .term dl {font-size: 110%; }

.special_box .term dt {
  display: block;
  padding-bottom: 0.5rem;
}

.special_box .term dt {
  display: block;
  padding-bottom: 0.5rem;
}

.special_box .term dd {display: block; }

.special_box .application {
  padding: 1em;
  font-size: 1.4rem;
}

.special_box .application li { margin-left: 1.5rem; }

.special_box .accordion dt span {
  font-size: 2.2rem;
  background-size: 1em 1em;
}

.special_box .fee table tr th:first-child { width: 25%; }
.special_box .fee table tr th:nth-child(2n) { width: 25%; }
.special_box .fee table tr th:nth-child(3n) { width: 30%; }
.special_box .fee table tr th:nth-child(4n) { width: 20%; }

.special_box table tr th:nth-child(1n) { width: 45%; }
.special_box table tr th:nth-child(2n) { width: 30%; }
.special_box table tr th:nth-child(3n) { width: 25%; }

.special_box table tr th,
.special_box table tr td {font-size: 1.3rem; }

.special_box table tr td.s_price span { display: block; }

.special_box #course table tr td.bg2 { width: 22%; }
.special_box #course table tr td { padding: 0.5em; }

.special_box .note { margin-bottom: 1em; }
.special_box .note p { font-size: 100%; }

.special_box a.curriculum {font-size: 2rem; }
.special_box .annot li { font-size: 1.3rem!important; }
.special_box .guide_btn
/* , .form_btn */ { margin: 0; }
.special_box .guide_btn .form_close { width: 100%; }
	
.movie30sec .btn li a {width: auto;}


/* 馬渕の英語指導
---------------------------*/

.special_box .englis02 img {
  display: block;
  width: 90%;
  margin: 1em auto 0 auto;
}

.special_box .list img {
  display: block;
  width: 80%;
  margin: 1em auto 0 auto;
  text-align: center;
}

.special_box .kaitei {
  width: 100%;
  margin: 1em auto;
  text-align: center;
}

.special_box .kaitei li {
  width: 90%;
  margin-top: 1em;
}

.special_box .kaitei li:nth-child(even) { margin-left: 0; }
.special_box .kaitei li span { display:block; }
.special_box .bnr { margin: 1em auto 2em auto; }


/* 小学生統一テスト
---------------------------*/

#toitsu_content .title { padding: 0.5em 0; }

#toitsu_content .title h1 {
  font-size: 2rem;
  width: 100%;
  padding: 0 1em;
  letter-spacing: 0;
}

#toitsu_content .copy {
  width: 100%;
  padding: 0 1em;
  margin: 0;
}

.toitsu_box2 .copy { background: none; }

#toitsu_content .copy h2 {
  text-align: center;
  font-size: 2.4rem;
  padding: 0.5em;
}

#toitsu_content .box_inner {
  width: 100%;
  margin: 1em auto;
  padding: 0 1em;
}

#toitsu_content .box_inner .item a img { margin: 0 0 1em 0; }

#toitsu_content .req_btn a { font-size: 1.8rem; }

.toitsu_box2 ul {
  margin: 0 0 1em 0;
  text-align: center;
}

.toitsu_box2 li {
   width: 90%;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0.5em;
  margin: 0.2em 0;
}

.toitsu_box1 .order, .toitsu_box4 .order { margin: 0; }
.toitsu_box4 #fee { margin: 2em 0; }
.toitsu_box4 .term p { font-size: 1.8rem; }
.toitsu_box2 .item_wrap { width: 100%; }

.toitsu_box2 .item {
  width: 100%;
  padding: 0 1em;
  margin-bottom: 1em
}

.toitsu_box3 .item {
  padding: 1em 0;
  margin-bottom: 0;
}

.toitsu_box3 .item a {
  float: none;
  display: block;
  margin: 1em 0 0 0;
}

.toitsu_box4 .copy2 {
  width: 90%;
  font-weight: bold;
  text-align: center;
  font-size: 150%;
  padding: 6% 0 2% 0;
  color: #D90000;
  letter-spacing: 0;
  line-height: 1.2;
}

.toitsu_box4 h2 {
  font-size: 100%;
  margin: 4% 0;
  letter-spacing: 0;
}

.toitsu_box4 .application { margin: 4% 0; }
.toitsu_box4 .application { font-size: 1.4rem; }
.toitsu_box4 .application li { margin-left: 1em; }
.toitsu_box4 .order p span { display: block; }
.toitsu_box4 .note { margin-bottom: 1em; }
.toitsu_box4 .note p { font-size: 1.2rem; }

.toitsu_box4 table.subject { border: #666 1px solid; }
.toitsu_box4 table.subject tr th { display: none; }
.toitsu_box4 table.subject tr { border-bottom: #666 1px solid; }
.toitsu_box4 table.subject tr:nth-child(2n) { border-top: #666 1px solid; }
.toitsu_box4 table.subject tr:first-child { border-top: #666 1px solid; }

.toitsu_box4 table.subject tr td {
  display: block;
  padding: 5px;
  font-size: 90%;
  border: none;
}

.toitsu_box4 table.subject tr td.bg2 {
  width: 100%;
  background: #6c9bd2;
  color: #FFF;
}

.toitsu_box4 table.subject tr td.bg2:before { display: none; }

.toitsu_box4 table.subject tr td:before {
  display: block;
  content: attr(data-title) " ";
  font-weight: bold;
  padding: 3px 0;
  background-color: #EAEAEA;
  text-align: center;
}

.toitsu_box4 table.subject tr td:nth-child(n+4) { display: none; }

.toitsu_box4 table.subject tr td.col-6 { display: block; }

.toitsu_box4 table tr td {
  padding: 0.5em;
  font-size: 1.4rem;
}

.toitsu_box4 table.price tr td { font-size: 1.4rem; }

.toitsu_box4 table tr td.bg2 { width: auto; }
.toitsu_box4 table tr td.s_price.cam strong { font-size: 2rem; }

.toitsu_box4 .txt {
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
}

.toitsu_box4 .popup-image { margin-bottom: 1em; }

.h_link ul {
  max-width: 100%;
  height: auto;
}

.h_link li {
  width: 33%;
  padding: 0.5em 0;
  box-sizing: border-box;
}

.h_link li:last-of-type {
  display: inline-block;
  width: 100%;
  padding: 0.5em 0;
  background-color: #004098;
}

.h_link li a {
  padding: 0;
  font-size: 1.4rem;
  margin: 0 1em;
}

.h_link li:last-of-type a:hover {
  background-color: #ff0;
  color: #004098;
}

/*#about::before, #report_card::before, #test_cover::before, #challenge::before, #watch::before, #guideline::before, #con_form::before {
  display: block;
  height: 2em;
  margin-top: -2em;
  content: "";
}*/


}/* 768 */