main {
  width: calc(100% - 100px);
  margin: 0 auto; }

/*min-width:1920px*/
@media (max-width: 1280px) {
  main {
    width: calc(100% - 80px);
    margin: 0 auto; } }
/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  main {
    width: calc(100% - 60px);
    margin: 0 auto; } }
/*max-width:768px*/
@media (max-width: 480px) {
  main {
    width: calc(100% - 40px);
    margin: 0 auto; } }
/*max-width:480px*/
/************************************/
.campus .archive_all {
  background: url("../images/index/campuslife_bg2.png") center top no-repeat #D2FEA5;
  background-size: 100% auto; }
.campus .page_header {
  width: 100%;
  background: none; }
  .campus .page_header span.ttl:before {
    background-color: #D2FEA5; }
  .campus .page_header h1 span:before {
    border-bottom: 1px solid #91C98B; }
.campus .content {
  max-width: 1820px;
  width: 100%;
  margin: 0 auto 80px; }
.campus .content_box a {
  background-color: #fafef5; }
  .campus .content_box a:before, .campus .content_box a:after {
    background-color: #D2FEA5; }

@media (max-width: 768px) {
  .campus .archive_all {
    background: url("../images/index/campuslife_bg_sp.png") center top no-repeat #D2FEA5;
    background-size: 100% auto; } }
/*max-width:768px*/
/*max-width:480px*/
/************************************/
.admission .archive_all {
  background: url("../images/index/admisson_bg2.png") center top no-repeat #CEF3FC;
  background-size: 100% auto; }
.admission .page_header {
  width: 100%;
  background: none; }
  .admission .page_header span.ttl:before {
    background-color: #CEF3FC; }
  .admission .page_header h1 span:before {
    border-bottom: 1px solid #8BB7C9; }
.admission .content {
  max-width: 1820px;
  width: 100%;
  margin: 0 auto 80px; }
.admission .content_box a {
  background-color: #F0F8FA; }
  .admission .content_box a:before, .admission .content_box a:after {
    background-color: #C4EBF5; }

@media (max-width: 768px) {
  .admission .archive_all {
    background: url("../images/index/admisson_bg2_sp.png") center top no-repeat #CEF3FC;
    background-size: 100% auto; } }
/*max-width:768px*/
/*max-width:480px*/
/************************************/
.support .archive_all {
  background: url("../images/index/surpport_bg.png") center top no-repeat #BBFEC6;
  background-size: 100% auto; }
.support .page_header {
  width: 100%;
  background: none; }
  .support .page_header span.ttl:before {
    background-color: #BBFEC6; }
  .support .page_header h1 span:before {
    border-bottom: 1px solid #91C98B; }
.support .content {
  max-width: 1820px;
  width: 100%;
  margin: 0 auto 80px; }
.support .content_box a {
  background-color: #F4FEF6; }
  .support .content_box a:before, .support .content_box a:after {
    background-color: #BBFEC6; }

@media (max-width: 768px) {
  .support .archive_all {
    background: url("../images/index/surpport_bg_sp.png") center top no-repeat #BBFEC6;
    background-size: 100% auto; } }
/*max-width:768px*/
/*max-width:480px*/
/************************************/
.tuition .archive_all {
  background: url("../images/index/financial_bg2.png") center top no-repeat #F0FDAE;
  background-size: 100% auto; }
.tuition .page_header {
  width: 100%;
  background: none; }
  .tuition .page_header span.ttl:before {
    background-color: #E3FD5B; }
  .tuition .page_header h1 span:before {
    border-bottom: 1px solid #C3C98B; }
.tuition .content {
  max-width: 1820px;
  width: 100%;
  margin: 0 auto 80px; }
.tuition .content_box a {
  background-color: #F4FEF6; }
  .tuition .content_box a:before, .tuition .content_box a:after {
    background-color: #E3FD5B; }

@media (max-width: 768px) {
  .tuition .archive_all {
    background: url("../images/index/financial_bg_sp.png") center top no-repeat #F0FDAE;
    background-size: 100% auto; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .tuition .page_header span.ttl {
    max-width: 310px; } }
/*max-width:480px*/
