@charset "utf-8";

/* *****************************************************************************
   PCÓäΥ¹¥¿¥¤¥ëÓ›Êö
***************************************************************************** */
@media screen and (min-width: 769px), print {
  #contents-area {
    min-width: 1000px;
    /*padding-top:100px;*/
  }

  /* title-area */

  #title-area {
    position: relative;
    width: 100%;
    background-color: #d7d1ea;
    text-align: center;
    display: table;
    border-bottom: 2px solid #b3b3b3;
  }

  #title-area::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 108px;
    height: 2px;
    content: "";
    background: #45a550;
    display: block;
  }

  #title-area h1,
  #title-area > div {
    color: #373637;
    font-size: 30px;
    font-weight: bold;
    width: 100%;
    height: 140px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }

  #title-area h1::after,
  #title-area > div::after {
    content: "";
    width: 30px;
    height: 2px;
    margin: 8px auto 0;
    background-color: #45a550;
    display: block;
  }

  #breadcrumb {
    max-width: 1200px;
    margin: 20px auto 0 auto;
    text-align: left;
  }

  #breadcrumb li {
    display: inline-block;
  }

  #breadcrumb li::after {
    content: "£¾";
    display: inline-block;
  }

  #breadcrumb li:last-child::after {
    content: "";
    display: none;
  }
  @media screen and (min-width: 769px) and (max-width: 1300px), print {
    #breadcrumb {
      width: 96%;
    }
  }

  /* section */

  #contents-area > section {
    color: #373637;
    padding-bottom: 60px;
    overflow: hidden;
  }

  #contents-area > section.bg {
    padding-top: 0;
    background-color: #f0f0f0;
  }

  #contents-area > section.bg.blue {
    padding-top: 0;
    background-color: #F8F7FA;
  }

  #contents-area > section .section-inner {
    width: 1200px;
    margin: 0 auto;
    line-height: 2em;
  }

  #contents-area > section .section-inner .subtitle {
    font-size: 30px;
    font-weight: bold;
    color: #373637;
    margin: 25px 0 35px;
    line-height: 1.3em;
    text-align: center;
  }

  #contents-area > section .section-inner .subtitle::after {
    width: 30px;
    height: 2px;
    background-color: #45a550;
    content: "";
    margin: 15px auto 0;
    display: block;
  }

  #contents-area > section .section-inner p {
    font-size: 1.07em;
    margin-top: 25px;
    text-align: left;
  }

  .annotation {
    text-align: right !important;
    font-size: 14px !important;
  }

  #contents-area > section .subhead1 {
    font-size: 1.7em;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0;
    border-top: 2px solid #b3b3b3;
    border-bottom: 2px solid #b3b3b3;
    line-height: 1.5em;
  }

  #contents-area > section .subhead2 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0;
    padding: 1em 1.5em;
    background-color: #d7d1ea;
    border-bottom: 2px solid #b3b3b3;
    text-align: left;
    line-height: 1em;
    position: relative;
  }
  #contents-area > section .subhead2.subhead2_s {
    font-size: 1.4em;
  }
  #contents-area > section .subhead2:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 25px;
    height: 2px;
    content: "";
    background: #45a550;
    display: block;
  }

  #contents-area > section .read1 {
    font-size: 1.4em !important;
    font-weight: bold;
    margin-top: 25px;
    text-align: left;
  }

  #contents-area > section .read1 span {
    padding: 0.5em 1em;
    background-color: #d7d1ea;
    line-height: 2.6em;
    display: inline;
  }

  #contents-area > section .list {
    font-size: 1.07em;
    margin-top: 35px;
  }

  #contents-area > section .list li {
    margin-bottom: 15px;
    text-align: left;
  }

  #contents-area > section .list li::before {
    font-size: 11px;
    margin: 0 5px 0 0;
    padding-top: 3px;
    content: "¡ø";
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
  }

  #contents-area > section .list li a {
    color: #373637;
    text-decoration: underline;
    line-height: 1.2em;
    word-break: break-all;
  }

  #contents-area > section .list li a:hover {
    text-decoration: none;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }

  #contents-area > section .list li a.pdf::after {
    width: 25px;
    height: 27px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_pdf.svg) no-repeat;
    background-size: 24px;
    vertical-align: middle;
    display: inline-block;
  }

  #contents-area > section .list li a.excel::after {
    width: 25px;
    height: 27px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_excel.svg) no-repeat;
    background-size: 24px;
    vertical-align: middle;
    display: inline-block;
  }

  #contents-area > section .list li a.word::after {
    width: 25px;
    height: 27px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_word.svg) no-repeat;
    background-size: 24px;
    vertical-align: middle;
    display: inline-block;
  }

  #contents-area > section .list li a.outlink::after {
    width: 25px;
    height: 27px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_outlink.svg) no-repeat;
    background-size: 24px;
    vertical-align: middle;
    display: inline-block;
  }

  #contents-area > section ol {
    font-size: 1.07em;
    margin-top: 35px;
    text-align: left;
  }

  #contents-area > section ol > li {
    text-align: left;
  }

  #contents-area > section img {
    max-width: 100%;
    /*	height: auto;
	width:auto;*/
  }

  ul.disc {
    margin: 30px 0;
    padding: 0 0 0 20px;
  }
  ul.disc li {
    list-style: disc;
    text-align: left;
  }
  ul.disc li a.pdf::after {
    width: 25px;
    height: 27px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_pdf.svg) no-repeat;
    background-size: 24px;
    vertical-align: middle;
    display: inline-block;
  }
  ul.disc li a.excel::after {
    width: 25px;
    height: 27px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_excel.svg) no-repeat;
    background-size: 24px;
    vertical-align: middle;
    display: inline-block;
  }
  ul.disc li a.word::after {
    width: 25px;
    height: 27px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_word.svg) no-repeat;
    background-size: 24px;
    vertical-align: middle;
    display: inline-block;
  }
  ul.disc li a.outlink::after {
    width: 25px;
    height: 27px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_outlink.svg) no-repeat;
    background-size: 24px;
    vertical-align: middle;
    display: inline-block;
  }

  /* linkbox */

  #contents-area > section .linkbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .linkbox {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .linkbox {
    height: 1%;
  }

  #contents-area > section .linkbox {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #contents-area > section .linkbox .box {
    background-color: #fff;
    /*float:left;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  #contents-area > section .linkbox.row3 .box {
    width: 32.25%;
    margin: 20px 20px 0 0;
    margin-right: calc((100% - (32.25% * 3)) / 2);
  }

  #contents-area > section .linkbox.row3 .box:nth-child(1),
  #contents-area > section .linkbox.row3 .box:nth-child(2),
  #contents-area > section .linkbox.row3 .box:nth-child(3) {
    margin-top: 0;
  }

  #contents-area > section .linkbox.row3 .box:nth-child(3n) {
    margin-right: 0;
  }

  #contents-area > section .linkbox.row4 .box {
    width: 23.75%;
    margin: 13.33px 13.33px 0 0;
    margin-right: calc((100% - (23.75% * 4)) / 3);
  }

  #contents-area > section .linkbox.row4 .box:nth-child(1),
  #contents-area > section .linkbox.row4 .box:nth-child(2),
  #contents-area > section .linkbox.row4 .box:nth-child(3),
  #contents-area > section .linkbox.row4 .box:nth-child(4) {
    margin-top: 0;
  }

  #contents-area > section .linkbox.row4 .box:nth-child(4n) {
    margin-right: 0;
  }

  #contents-area > section .linkbox.row6 .box {
    width: 188px;
    margin: 13.33px 13.33px 0 0;
  }

  #contents-area > section .linkbox.row6 .box:nth-child(1),
  #contents-area > section .linkbox.row6 .box:nth-child(2),
  #contents-area > section .linkbox.row6 .box:nth-child(3),
  #contents-area > section .linkbox.row6 .box:nth-child(4),
  #contents-area > section .linkbox.row6 .box:nth-child(5),
  #contents-area > section .linkbox.row6 .box:nth-child(6) {
    margin-top: 0;
  }

  #contents-area > section .linkbox.row6 .box:last-child {
    margin-right: 0;
  }

  #contents-area > section .linkbox .box a {
    color: #373637;
    /*display:block;*/
    background: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  #contents-area > section .linkbox .box .title {
    font-size: 1.23em;
    font-weight: bold;
    text-align: left;
    padding: 0.8em 1.5em 0.7em;
    background-color: #f0f0f0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .linkbox.row4 .box .title {
    font-size: 1.23em;
    padding: 0.6em 1.5em 0.5em;
  }

  #contents-area > section .linkbox .box .img {
    margin: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #contents-area > section .linkbox .box .img img {
    max-width: 100%;
    /*	height: auto;
	width:auto;*/
  }

  #contents-area > section .linkbox .box .list {
    font-size: 1.08em;
    margin: 0;
    padding: 0 1.66em 1.5em;
    background: #f0f0f0;
    text-align: left;
    line-height: 1.2em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .linkbox .box .list li {
    margin-left: 1em;
    margin-bottom: 0;
    text-indent: -1em;
  }

  #contents-area > section .linkbox .box .list li::before {
    content: "";
    display: none;
  }
  #contents-area > section .linkbox .box a > .text {
    position: relative;
  }
  #contents-area > section .linkbox .box a > .text:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("/common/img/ico_arrow_navy.svg") no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }

  /* verticalbox */

  #contents-area > section .verticalbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .verticalbox {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .verticalbox {
    height: 1%;
  }

  #contents-area > section .verticalbox {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    display: block;
  }
  #contents-area > section .verticalbox.row3 {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  #contents-area > section .verticalbox .box {
    width: 46.667%;
    margin: 60px 60px 0 0;
    margin-right: calc(100% - (46.667% * 2));
    float: left;
  }

  #contents-area > section .verticalbox.row3 .box {
    /*	width:300px;
	margin:60px 50px 0 0;
	float:left;*/
    position: relative;
    width: 31%;
    height: auto;
    margin: 1%;
    overflow: hidden;
  }
  #contents-area > section .verticalbox.row4 .box {
    width: 22%;
    margin: 60px 40px 0 0;
    margin-right: calc((100% - (22% * 4)) / 3);
    float: left;
  }

  #contents-area > section .verticalbox .box:nth-child(1),
  #contents-area > section .verticalbox .box:nth-child(2),
  #contents-area > section .verticalbox.row4 .box:nth-child(3),
  #contents-area > section .verticalbox.row4 .box:nth-child(4) {
    margin-top: 0;
  }

  #contents-area > section .verticalbox.row3 .box:nth-child(1),
  #contents-area > section .verticalbox.row3 .box:nth-child(2),
  #contents-area > section .verticalbox.row3 .box:nth-child(3) {
    margin-top: 0;
  }

  #contents-area > section .verticalbox .box:nth-child(2n) {
    margin-right: 0;
  }
  #contents-area > section .verticalbox.row3 .box:nth-child(2n) {
    margin-right: 1%;
  }
  /*#contents-area > section .verticalbox.row3 .box:nth-child(2n) {
	margin-right:50px;
}*/
  #contents-area > section .verticalbox.row4 .box:nth-child(2n) {
    margin-right: calc((100% - (22% * 4)) / 3);
  }

  /*#contents-area > section .verticalbox.row3 .box:nth-child(3n) {
	margin-right:0;
}*/
  #contents-area > section .verticalbox.row4 .box:nth-child(4n) {
    margin-right: 0;
  }

  #contents-area > section .verticalbox .box .title {
    color: #373637;
    font-size: 1.7em;
    margin-top: 20px;
    line-height: 1em;
  }

  #contents-area > section .verticalbox.row3 .box .title {
    font-size: 1.5em;
  }

  #contents-area > section .verticalbox.row4 .box .title {
    font-size: 1.4em;
  }

  #contents-area > section .verticalbox .box .en {
    color: #373637;
    font-size: 1.25em;
    font-family: "Arvo", "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 0.4em;
    letter-spacing: 0.1em;
    line-height: 1em;
  }

  #contents-area > section .verticalbox.row3 .box .en {
    font-size: 1.15em;
  }

  #contents-area > section .verticalbox.row4 .box .en {
    font-size: 1.07em;
  }

  #contents-area > section .verticalbox .box .title::after {
    width: 30px;
    height: 2px;
    background-color: #45a550;
    content: "";
    margin: 15px auto;
    display: block;
  }

  #contents-area > section .verticalbox .box .text {
    font-size: 1.07em;
    text-align: left;
  }

  /* horizonbox */

  #contents-area > section .horizonbox {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    display: block;
  }

  #contents-area > section .horizonbox .box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .horizonbox .box {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .horizonbox .box {
    height: 1%;
  }

  #contents-area > section .horizonbox .box {
    width: auto;
    margin: 40px 0 0 0;
    padding-bottom: 40px;
    background-color: #fff;
    display: block;
  }

  #contents-area > section .horizonbox .box2 {
    width: auto;
    margin: 20px 0 0 0;
    background-color: #fff;
    display: block;
    padding: 50px;
  }

  #contents-area > section .horizonbox .box:nth-child(1) {
    margin-top: 0;
  }

  #contents-area > section .horizonbox .box .inner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .horizonbox .box .inner {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .horizonbox .box .inner {
    height: 1%;
  }

  #contents-area > section .horizonbox .box .inner {
    display: block;
  }

  #contents-area > section .horizonbox .box .inner .img {
    padding-top: 95px;
    text-align: left;
  }

  #contents-area > section .horizonbox .box .inner:nth-child(1) .img {
    padding-top: 40px;
  }

  #contents-area > section .horizonbox .box .inner .img img {
    margin: 0 0 15px 0;
  }

  #contents-area > section .horizonbox .box .inner .content {
    width: calc(100% - 350px - (40px * 2));
  }

  #contents-area > section .horizonbox .box .inner .title {
    font-size: 1.7em;
    padding-top: 95px;
    text-align: left;
  }

  #contents-area > section .horizonbox .box .inner .title span {
    font-size: 16px;
  }

  #contents-area > section .horizonbox .box .inner:nth-child(1) .title {
    font-size: 1.7em;
    padding-top: 35px;
    text-align: left;
  }

  #contents-area > section .horizonbox .box .inner .title::after {
    width: 30px;
    height: 2px;
    background-color: #45a550;
    content: "";
    margin: 15px 0 25px;
    display: block;
  }

  #contents-area > section .horizonbox .box .text {
    font-size: 1.07em;
    text-align: left;
  }

  #contents-area > section .horizonbox .box.imgleft .inner.imgleft .img {
    margin-left: 40px;
    float: left;
  }

  #contents-area > section .horizonbox .box.imgleft .inner.imgleft .content {
    margin-right: 40px;
    float: right;
    text-align: left;
  }
  #contents-area > section .horizonbox .box.imgleft .inner.imgright .img {
    margin-right: 40px;
    float: right;
  }
  #contents-area > section .horizonbox .box.imgleft .inner.imgright .content {
    margin-left: 40px;
    float: left;
  }

  #contents-area > section .horizonbox .box.imgright .inner.imgleft .img {
    margin-right: 40px;
    float: right;
  }
  #contents-area > section .horizonbox .box.imgright .inner.imgleft .content {
    margin-left: 40px;
    float: left;
  }
  #contents-area > section .horizonbox .box.imgright .inner.imgright .img {
    margin-left: 40px;
    float: left;
  }
  #contents-area > section .horizonbox .box.imgright .inner.imgright .content {
    margin-right: 40px;
    float: right;
  }

  /* imgtext */

  #contents-area > section .imgtext {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #contents-area > section .imgtext .inner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .imgtext .inner {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .imgtext .inner {
    height: 1%;
  }

  #contents-area > section .imgtext .inner {
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px solid #d9d9d9;
    display: block;
  }

  #contents-area > section .imgtext .inner:nth-child(1) {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }

  #contents-area > section .imgtext .inner .img {
    width: 345px;
    text-align: center;
  }

  #contents-area > section .imgtext .img img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }

  #contents-area > section .imgtext .inner .text {
    font-size: 1.07em;
    text-align: left;
  }

  #contents-area > section .imgtext .inner.imgleft .img {
    float: left;
  }

  #contents-area > section .imgtext .inner.imgleft .text,
  #contents-area > section .imgtext .inner.imgleft .list {
    margin-left: 380px;
  }

  #contents-area > section .imgtext .inner.imgright .img {
    float: right;
  }

  #contents-area > section .imgtext .inner.imgright .text,
  #contents-area > section .imgtext .inner.imgright .list {
    margin-right: 380px;
  }

  /* qrbox */

  #contents-area > section .qrbox {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #contents-area > section .qrbox .inner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .qrbox .inner {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .qrbox .inner {
    height: 1%;
  }

  #contents-area > section .qrbox .inner {
    padding-top: 35px;
    display: block;
  }

  #contents-area > section .qrbox .inner:nth-child(1) {
    padding-top: 0;
  }

  #contents-area > section .qrbox .inner .img {
    width: 160px;
    height: 160px;
    border: 1px solid #dae4e4;
    text-align: center;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #contents-area > section .qrbox .img img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }

  #contents-area > section .qrbox .inner .text {
    font-size: 1.07em;
    width: calc(100% - (160px * 2));
    padding: 0 40px;
    text-align: left;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #contents-area > section .qrbox .inner.qr_right .img {
    float: right;
  }
  #contents-area > section .qrbox .inner.qr_right .text {
    width: calc(100% - (160px * 1));
    padding: 0 40px 0 0;
  }

  #contents-area > section .qrbox .inner .text p {
    margin-top: 1em;
  }

  #contents-area > section .qrbox .inner .text p:nth-child(1) {
    margin-top: 0;
  }

  #contents-area > section .qrbox .inner .text a {
    color: #45a550;
  }

  #contents-area > section .qrbox .inner .qr {
    width: 160px;
    height: 160px;
    border: 1px solid #dae4e4;
    text-align: center;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #contents-area > section .qrbox .inner + .inner {
    padding-top: 55px;
  }

  /* circlebox */

  #contents-area > section .circlebox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .circlebox {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .circlebox {
    height: 1%;
  }

  #contents-area > section .circlebox {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    display: block;
  }

  #contents-area > section .circlebox .inner :after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .circlebox .inner {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .circlebox .inner {
    height: 1%;
  }

  #contents-area > section .circlebox .inner {
    width: calc((100% - (60px * 2)) / 3);
    margin-right: 60px;
    padding-top: 35px;
    float: left;
    display: block;
  }

  #contents-area > section .circlebox .inner:nth-child(1),
  #contents-area > section .circlebox .inner:nth-child(2),
  #contents-area > section .circlebox .inner:nth-child(3) {
    padding-top: 0;
  }

  #contents-area > section .circlebox .inner:nth-child(3n) {
    margin-right: 0;
  }

  #contents-area > section .circlebox .inner .img {
    width: 130px;
    text-align: center;
    vertical-align: middle;
    float: left;
  }

  #contents-area > section .circlebox .img img {
    width: 130px;
    height: 130px;
    /*border:2px solid #8093c2;*/
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
  }

  /*#contents-area > section .circlebox .inner:nth-child(6n+2) .img img {
	border:2px solid #00bf8c;
}
#contents-area > section .circlebox .inner:nth-child(6n+3) .img img {
	border:2px solid #35559a;
}
#contents-area > section .circlebox .inner:nth-child(6n+4) .img img {
	border:2px solid #009a8e;
}
#contents-area > section .circlebox .inner:nth-child(6n+5) .img img {
	border:2px solid #35559b;
}
#contents-area > section .circlebox .inner:nth-child(6n+6) .img img {
	border:2px solid #8093c2;
}*/

  #contents-area > section .circlebox .inner .text {
    min-height: 130px;
    font-size: 1.077em;
    margin-left: 150px;
    text-align: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #contents-area > section .circlebox .inner .text p {
    margin-top: 1em;
  }

  #contents-area > section .circlebox .inner .text p:nth-child(1) {
    margin-top: 0;
  }

  /* profilebox */

  #contents-area > section .profilebox {
    /*	font-family:"¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;*/
    width: 1200px;
    margin: 60px auto 0;
    /*border-bottom: 1px solid #373637;*/
  }

  #contents-area > section .profilebox .subtitle {
    font-size: 1.385em;
    font-weight: bold;
    margin: 0;
    padding: 1em 1.5em;
    background-color: #d7d1ea;
    border-bottom: 2px solid #b3b3b3;
    text-align: left;
    line-height: 1em;
    position: relative;
  }
  #contents-area > section .profilebox .subtitle:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 25px;
    height: 2px;
    content: "";
    background: #45a550;
    display: block;
  }

  #contents-area > section .profilebox .subtitle:before {
    display: none;
  }

  #contents-area > section .profilebox .profile:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .profilebox .profile {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .profilebox .profile {
    height: 1%;
  }

  #contents-area > section .profilebox .profile {
    padding: 25px;
    display: block;
  }

  #contents-area > section .profilebox .profile .img {
    width: 260px;
    text-align: center;
    vertical-align: middle;
    float: left;
  }

  #contents-area > section .profilebox .profile .img img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }

  #contents-area > section .profilebox .profile .department {
    font-size: 1.25em;
    margin-left: 295px;
    text-align: left;
  }

  #contents-area > section .profilebox .profile .name {
    font-size: 1.55em;
    font-weight: bold;
    margin-left: 295px;
    text-align: left;
  }

  #contents-area > section .profilebox .profile .name span {
    font-size: 0.8em;
  }

  #contents-area > section .profilebox .profile .en {
    color: #45a550;
    font-size: 1.07em;
    margin-top: 0.3em;
    margin-left: 295px;
    text-align: left;
  }

  #contents-area > section .profilebox .profile .text {
    font-size: 1.07em;
    margin-top: 2em;
    margin-left: 295px;
    text-align: left;
  }

  #contents-area > section .profilebox .library:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .profilebox .library {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .profilebox .library {
    height: 1%;
  }

  #contents-area > section .profilebox .library {
    padding: 40px 40px 40px;
    display: block;
  }

  #contents-area > section .profilebox .library article {
    width: calc((100% - (19px * 3)) / 4);
    margin-top: 40px;
    margin-right: 19px;
    padding-right: 19px;
    border-right: 1px solid #d9d9d9;
    text-align: left;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .profilebox .library article:nth-child(1),
  #contents-area > section .profilebox .library article:nth-child(2),
  #contents-area > section .profilebox .library article:nth-child(3),
  #contents-area > section .profilebox .library article:nth-child(4) {
    margin-top: 0;
  }

  #contents-area > section .profilebox .library article:nth-child(4n) {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }

  #contents-area > section .profilebox .library article .date {
    font-size: 1.25em;
    font-weight: bold;
  }

  #contents-area > section .profilebox .library article .text {
    font-size: 1.07em;
    margin-top: 0.2em;
  }

  #contents-area > section .profilebox .library article .bt {
    margin-top: 15px;
  }

  #contents-area > section .profilebox .library article .bt a {
    color: #fff;
    font-size: 12px;
    padding: 12px 65px 12px 20px;
    background: #373637 url(../img/ico_volume.svg) right 15px center no-repeat;
    background-size: 21px auto;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    line-height: 1em;
    display: inline-block;
  }

  /* anchorbox */

  #contents-area > section .anchorbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .anchorbox {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .anchorbox {
    height: 1%;
  }

  #contents-area > section .anchorbox {
    display: block;
  }

  #contents-area > section .anchorbox {
    width: 1200px;
    margin: 60px auto 0;
  }

  #contents-area > section .anchorbox li {
    width: 32.167%;
    margin: 20px 35px 0 0;
    margin-right: calc((100% - (32.167% * 3)) / 2);
    background-color: #fff;
    float: left;
  }

  #contents-area > section .anchorbox li:nth-child(1),
  #contents-area > section .anchorbox li:nth-child(2),
  #contents-area > section .anchorbox li:nth-child(3) {
    margin-top: 0;
  }

  #contents-area > section .anchorbox li:nth-child(3n) {
    margin-right: 0;
  }

  #contents-area > section .anchorbox li a {
    position: relative;
    color: #373637;
    font-size: 18px;
    font-weight: bold;
    min-height: 46px;
    padding: 30px;
    background: url(/common/img/ico_arrow_navy.svg) right 15px center no-repeat;
    background-size: 12px auto;
    border: 1px solid #373637;
    text-align: center;
    line-height: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  /*#contents-area > section .anchorbox li a::before {
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:22px;
	font-family:"Arvo", "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
	content:"";
	width:60px;
	height:100%;
	background-color:#45A550;
	display: flex;
	justify-content: center;
	align-items: center;
	float:left;
}

#contents-area > section .anchorbox li:nth-child(1) a::before { content:"1"; }
#contents-area > section .anchorbox li:nth-child(2) a::before { content:"2"; }
#contents-area > section .anchorbox li:nth-child(3) a::before { content:"3"; }
#contents-area > section .anchorbox li:nth-child(4) a::before { content:"4"; }
#contents-area > section .anchorbox li:nth-child(5) a::before { content:"5"; }
#contents-area > section .anchorbox li:nth-child(6) a::before { content:"6"; }
#contents-area > section .anchorbox li:nth-child(7) a::before { content:"7"; }
#contents-area > section .anchorbox li:nth-child(8) a::before { content:"8"; }
#contents-area > section .anchorbox li:nth-child(9) a::before { content:"9"; }
#contents-area > section .anchorbox li:nth-child(10) a::before { content:"10"; }
#contents-area > section .anchorbox li:nth-child(11) a::before { content:"11"; }
#contents-area > section .anchorbox li:nth-child(12) a::before { content:"12"; }
#contents-area > section .anchorbox li:nth-child(13) a::before { content:"13"; }
#contents-area > section .anchorbox li:nth-child(14) a::before { content:"14"; }
#contents-area > section .anchorbox li:nth-child(15) a::before { content:"15"; }
#contents-area > section .anchorbox li:nth-child(16) a::before { content:"16"; }
#contents-area > section .anchorbox li:nth-child(17) a::before { content:"17"; }
#contents-area > section .anchorbox li:nth-child(18) a::before { content:"18"; }
#contents-area > section .anchorbox li:nth-child(19) a::before { content:"19"; }
#contents-area > section .anchorbox li:nth-child(20) a::before { content:"20"; }*/

  /* numberbox */

  #contents-area > section .numberbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .numberbox {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .numberbox {
    height: 1%;
  }

  #contents-area > section .numberbox {
    width: 1200px;
    margin: 60px auto 0;
    display: block;
  }

  #contents-area > section .numberbox .inner {
    width: 32.167%;
    margin: 30px 35px 0 0;
    margin-right: calc((100% - (32.167% * 3)) / 2);
    background: #e3e1ef;
    text-align: left;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .numberbox .inner:nth-child(1),
  #contents-area > section .numberbox .inner:nth-child(2),
  #contents-area > section .numberbox .inner:nth-child(3) {
    margin-top: 0;
  }

  #contents-area > section .numberbox .inner:nth-child(3n) {
    margin-right: 0;
  }

  #contents-area > section .numberbox .inner .subtitle {
    position: relative;
    color: #373637;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    min-height: 45px;
    padding: 10px 0 10px 60px;
    /*	padding:2px 0 0 75px;*/
    background-color: #d7d1ea;
    border-bottom: 1px solid #fff;
    line-height: 1.2em;
    display: flex;
    justify-content: left;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
  }

  #contents-area > section .numberbox .inner .subtitle::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 18px;
    content: "";
    width: 45px;
    height: 100%;
    background-color: #373637;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
  }

  #contents-area > section .numberbox .inner:nth-child(1) .subtitle::before {
    content: "1";
  }
  #contents-area > section .numberbox .inner:nth-child(2) .subtitle::before {
    content: "2";
  }
  #contents-area > section .numberbox .inner:nth-child(3) .subtitle::before {
    content: "3";
  }
  #contents-area > section .numberbox .inner:nth-child(4) .subtitle::before {
    content: "4";
  }
  #contents-area > section .numberbox .inner:nth-child(5) .subtitle::before {
    content: "5";
  }
  #contents-area > section .numberbox .inner:nth-child(6) .subtitle::before {
    content: "6";
  }
  #contents-area > section .numberbox .inner:nth-child(7) .subtitle::before {
    content: "7";
  }
  #contents-area > section .numberbox .inner:nth-child(8) .subtitle::before {
    content: "8";
  }
  #contents-area > section .numberbox .inner:nth-child(9) .subtitle::before {
    content: "9";
  }
  #contents-area > section .numberbox .inner:nth-child(10) .subtitle::before {
    content: "10";
  }
  #contents-area > section .numberbox .inner:nth-child(11) .subtitle::before {
    content: "11";
  }
  #contents-area > section .numberbox .inner:nth-child(12) .subtitle::before {
    content: "12";
  }
  #contents-area > section .numberbox .inner:nth-child(13) .subtitle::before {
    content: "13";
  }
  #contents-area > section .numberbox .inner:nth-child(14) .subtitle::before {
    content: "14";
  }
  #contents-area > section .numberbox .inner:nth-child(15) .subtitle::before {
    content: "15";
  }
  #contents-area > section .numberbox .inner:nth-child(16) .subtitle::before {
    content: "16";
  }
  #contents-area > section .numberbox .inner:nth-child(17) .subtitle::before {
    content: "17";
  }
  #contents-area > section .numberbox .inner:nth-child(18) .subtitle::before {
    content: "18";
  }
  #contents-area > section .numberbox .inner:nth-child(19) .subtitle::before {
    content: "19";
  }
  #contents-area > section .numberbox .inner:nth-child(20) .subtitle::before {
    content: "20";
  }

  #contents-area > section .numberbox .inner .text {
    font-size: 1.07em;
    line-height: 1.7;
    padding: 25px 30px;
  }

  /* flex_box */
  #contents-area > section .flex_box {
    width: 1000px;
    margin: 60px auto 0;
    display: flex;
  }

  #contents-area > section .flex_box .inner {
    width: calc(100% / 3);
    margin: 35px -1px 0 0;
    border: 1px solid #373637;
    text-align: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .flex_box .inner .subtitle {
    border-bottom: 1px solid #373637;
    padding: 15px;
    text-align: center;
  }

  #contents-area > section .flex_box .inner .text {
    padding: 20px 20px 0px 20px;
  }
  #contents-area > section .flex_box .inner .text:last-child {
    padding-bottom: 20px;
  }
  #contents-area > section .flex_box .inner .text li::before {
    content: "¡ñ ";
  }
  /* accbox */

  #contents-area > section .accbox {
    font-family: "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
    content: "";
  }

  #contents-area > section .accbox .accbox_list {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
  }

  #contents-area > section .accbox dt.title {
    width: 150px;
    background: #373637;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #373637;
    padding: 10px 0 !important;
  }

  #contents-area > section .accbox .detail {
    flex: 1;
    text-align: left;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #373637;
    border: 1px solid #373637;
    background: url(/common/img/ico_arrow2.svg?=1901091251) right center no-repeat;
    background-size: 17px auto;
    padding: 10px 30px !important;
  }

  #contents-area > section .accbox .detail label {
    display: block;
    width: 100%;
  }

  #contents-area > section .accbox input {
    display: none;
  }

  #contents-area > section .accbox .accbox_slide {
    width: 100%;
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
  }

  #contents-area > section .accbox .cssacc:checked + .accbox_slide {
    height: auto;
    padding: 20px;
    background: #eaeaea;
    opacity: 1;
  }

  /* colorbox */

  #contents-area > section .colorbox {
    width: 1200px;
    margin: 50px auto 0;
    padding: 20px 25px;
    background-color: #f0f0f0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area #contents-area2 > section#study-abroad3.international .colorbox {
    background-color: #dce6f2 !important;
    margin: 20px auto 20px 0;
  }

  #contents-area > section .colorbox .subtitle {
    font-size: 1.385em;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 1em;
    text-align: left;
    line-height: 1.2em;
    position: relative;
  }
  #contents-area > section .colorbox .subtitle:before,
  #contents-area > section .colorbox .subtitle:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: -25px;
    bottom: 0;
  }
  #contents-area > section .colorbox .subtitle:before {
    width: calc(100% + (25px * 2));
    height: 1px;
    background: #b3b3b3;
  }
  /*#contents-area > section .colorbox .subtitle:after {
    width: 25px;
    height: 2px;
    background: #45A550;
}*/
  #contents-area > section .colorbox p {
    font-size: 1.07em;
    padding-top: 0.5em;
    text-align: left;
  }

  /* colorbox */

  #contents-area > section .cautionbox {
    width: 1200px;
    margin: 50px auto 0;
    padding: 20px 25px;
    background-color: #d7d1ea;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .cautionbox .subtitle {
    font-size: 1.538em;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 1em;
    text-align: left;
    line-height: 1.2em;
    position: relative;
  }
  #contents-area > section .cautionbox .subtitle:before,
  #contents-area > section .cautionbox .subtitle:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: -25px;
    bottom: 0;
  }
  #contents-area > section .cautionbox .subtitle:before {
    width: calc(100% + (25px * 2));
    height: 1px;
    background: #b3b3b3;
  }
  /*#contents-area > section .cautionbox .subtitle:after {
    width: 25px;
    height: 2px;
    background: #45A550;
}*/

  #contents-area > section .cautionbox .subhead {
    font-size: 1.25em;
    font-weight: bold;
    padding-top: 0.5em;
    text-align: left;
  }

  #contents-area > section .cautionbox p {
    font-size: 1.07em;
    padding-top: 0.5em;
    text-align: left;
  }

  /* linebox */

  #contents-area > section .linebox {
    width: 1200px;
    margin: 0 auto 0;
    padding-top: 60px;
  }

  #contents-area > section .linebox dl {
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #373637;
  }

  #contents-area > section .linebox dl:first-child {
    margin-top: 0;
  }

  #contents-area > section .linebox dt {
    color: #373637;
    font-size: 1.55em;
    font-weight: bold;
    padding: 15px;
    border-bottom: 2px solid #b3b3b3;
    text-align: center;
    position: relative;
  }
  #contents-area > section .linebox dt:after {
    content: "";
    display: inline-block;
    width: 25px;
    height: 2px;
    background: #45a550;
    position: absolute;
    left: 0;
    bottom: -2px;
  }
  #contents-area > section .linebox dd {
    font-size: 1.07em;
    padding: 25px 30px;
    text-align: left;
  }

  /* namelist */

  #contents-area > section .namelist:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .namelist {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .namelist {
    height: 1%;
  }

  #contents-area > section .namelist {
    width: 1200px;
    margin: 0 auto 0;
    padding-top: 40px;
    display: block;
  }

  #contents-area > section .namelist dl {
    width: 25%;
    margin-top: 20px;
    padding-right: 1em;
    display: table;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .namelist dt {
    font-size: 1.07em;
    font-weight: normal;
    width: 60px;
    padding: 2px 0 0;
    background-color: #e3e3e3;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }

  #contents-area > section .namelist dd {
    font-size: 15px;
    font-weight: bold;
    padding: 2px 0 2px 7px;
    text-align: left;
    vertical-align: middle;
    display: table-cell;
  }

  #contents-area > section .ul_namelist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 5%;
    padding-right: 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  #contents-area > section .ul_namelist li {
    width: 33.3%;
    margin: 0 0 7%;
  }
  #contents-area > section .ul_namelist:after {
    content: "";
    display: block;
    width: 33.3%;
    height: 0;
    margin: 0 0 7%;
  }
  #contents-area > section .ul_namelist li a {
    display: block;
  }
  #contents-area > section .ul_namelist li .img {
    width: 117px;
    height: 117px;
    border-radius: 50%;
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    border: 5px solid #fff;
    margin: 0 auto 10%;
  }
  #contents-area > section .ul_namelist li .img:before,
  #contents-area > section .ul_namelist li .img:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -7px;
    z-index: -1;
  }
  #contents-area > section .ul_namelist li .img:before {
    width: 66px;
    height: 131px;
    background: #491176;
    border-radius: 66px 0 0 66px;
    left: -7px;
  }
  #contents-area > section .ul_namelist li .img:after {
    width: 65px;
    height: 131px;
    background: #491176;
    border-radius: 0 66px 66px 0;
    right: -7px;
  }
  #contents-area > section .namelist.ul_namelist dl {
    width: auto;
    float: none;
    margin: auto;
    padding-left: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  #contents-area > section .namelist.ul_namelist dt {
    color: #373637;
    background-color: #d7d1ea;
  }
  #contents-area > section .namelist.ul_namelist dd {
    font-size: 16px;
    font-weight: bold;
    color: #373637;
    text-decoration: underline;
    padding: 2px 0 2px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }

  /* massagebox */

  #contents-area > section .messagebox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .messagebox {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .messagebox {
    height: 1%;
  }

  #contents-area > section .messagebox {
    width: 1200px;
    margin: 0 auto 0;
    padding: 60px 0;
    border-top: 1px solid #d9d9d9;
    display: block;
  }

  #contents-area > section .messagebox:last-child {
    padding-bottom: 0;
  }

  #contents-area > section .messagebox .profile {
    width: 310px;
    float: left;
  }

  #contents-area > section .messagebox .profile dt {
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    width: 100px;
    padding: 10px 0;
    background-color: #373637;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }

  #contents-area > section .messagebox .profile dd {
    font-size: 1.4em;
    font-weight: bold;
    width: 210px;
    padding: 10px;
    background-color: #d7d1ea;
    text-align: left;
    vertical-align: middle;
    display: table-cell;
  }

  #contents-area > section .messagebox .profile dd:last-child {
    width: 310px;
    padding: 0;
    text-align: center;
    display: block;
  }

  #contents-area > section .messagebox .message {
    width: calc(100% - 350px);
    text-align: left;
    float: right;
  }

  #contents-area > section .messagebox .message .catch {
    font-size: 1.7em;
    font-weight: bold;
  }

  #contents-area > section .messagebox .message .name {
    font-size: 1.55em;
    font-weight: bold;
    padding: 20px 25px 20px 0;
    vertical-align: middle;
    display: table-cell;
  }

  #contents-area > section .messagebox .message .en {
    color: #45a550;
    font-size: 1.07em;
    /*	font-family:"Arvo", "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;*/
    padding: 20px 0;
    vertical-align: middle;
    display: table-cell;
  }

  #contents-area > section .messagebox .message .history {
    font-size: 1.07em;
    /*	font-family:"¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;*/
  }

  #contents-area > section .messagebox .message .text {
    font-size: 1.07em;
    /*	font-family:"¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;*/
    margin-top: 20px;
  }

  /* table-style1 */

  #contents-area > section table tr.b_bk{
    border: 1px solid #373637 !important;
  }  

  #contents-area > section table.table-style1 {
    width: 1200px;
    margin: 60px auto 0;
    border-spacing: 0px;
    border-collapse: collapse;
    border-top: 1px solid #373637;
  }

  #contents-area > section table.table-style1 th,
  #contents-area > section table.table-style1 td {
    font-size: 1.07em;
    font-weight: normal;
    padding: 15px 20px 13px;
    border-bottom: 1px solid #373637;
  }
  #contents-area > section table.table-style1 td {
    background-color: #fff;
  }
  #contents-area > section table.table-style1 tr:last-child th,
  #contents-area > section table.table-style1 tr:last-child td {
    /*border-bottom:none;*/
  }

  #contents-area > section table.table-style1 th {
    border-right: 1px solid #373637;
    background: #fff;
  }

  #contents-area > section table.table-style1 td strong {
    font-size: 1.143em;
  }

  /* table-style2 */

  #contents-area > section table.table-style2 {
    width: 1200px;
    margin: 60px auto 0;
    border-spacing: 0px;
    border-collapse: collapse;
    border-top: 1px solid #373637;
  }

  #contents-area > section table.table-style2 th,
  #contents-area > section table.table-style2 td {
    font-size: 1.23em;
    font-weight: normal;
    padding: 18px 20px 15px;
    border-right: 1px solid #373637;
    border-bottom: 1px solid #373637;
  }
  #contents-area > section table.table-style2 td {
    background-color: #fff;
  }
  #contents-area > section table.table-style2 tr th:last-child,
  #contents-area > section table.table-style2 tr td:last-child {
    border-right: none;
  }

  /*#contents-area > section table.table-style2 tr:last-child th,
#contents-area > section table.table-style2 tr:last-child td {
	border-bottom:none;
}*/

  #contents-area > section table.table-style2 th {
    background-color: #d7d1ea;
  }

  #contents-area > section table.table-style2 td strong {
    font-size: 1.125em;
  }

  #contents-area > section table.table-style2 td.bg {
    color: #fff;
    background-color: #373637;
    border-right: 1px solid #ffffff;
  }

  #contents-area > section table.table-style2 td.bg strong {
    font-size: 1.4em;
  }

  #contents-area > section table.table-style2 tr td.b_r {
    border-right: 1px solid #8096c5;
  }
  #contents-area > section table.table-style2.table-style2_td_center td {
    text-align: center;
  }

  /* table-soudankai */
  #contents-area > section table.table-style2.table-soudankai th:nth-child(1) {
    width: 18%;
  }
  #contents-area > section table.table-style2.table-soudankai th:nth-child(2) {
    width: 18%;
  }
  #contents-area > section table.table-style2.table-soudankai th:nth-child(3) {
    width: 16%;
  }

  /* row-block */

  #contents-area > section .row2-block:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .row2-block {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .row2-block {
    height: 1%;
  }

  #contents-area > section .row2-block {
    width: 1200px;
    margin: 60px auto 0;
    display: block;
  }

  #contents-area > section .row2-block .inner {
    width: 46.667%;
    margin-right: calc(100% - (46.667% * 2));
    text-align: left;
    float: left;
  }

  #contents-area > section .row2-block .inner:nth-child(even) {
    margin-right: 0;
  }

  #contents-area > section .row2-block .inner .subtitle {
    font-size: 1.4em;
    font-weight: bold;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #373637;
  }

  #contents-area > section .row2-block .inner .text {
    font-size: 1.07em;
    margin-top: 1em;
  }

  /* horizontable */

  #contents-area > section .horizontable {
    width: 1200px;
    margin: 60px auto 0;
    display: block;
  }

  #contents-area > section .horizontable .inner {
    padding: 20px 0;
    border-top: 1px solid #373637;
    border-bottom: 1px solid #373637;
  }

  #contents-area > section .horizontable .inner:last-child {
    border-top: none;
  }

  #contents-area > section .horizontable .inner .subtitle {
    font-size: 1.55em;
    font-weight: bold;
    width: 220px;
    padding-right: 35px;
    border-right: 1px solid #373637;
    text-align: left;
    vertical-align: top;
    display: table-cell;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .horizontable .inner .text {
    font-size: 1.07em;
    /*	font-family:"¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;*/
    width: 490px;
    padding: 0 35px;
    border-right: 1px solid #373637;
    text-align: left;
    vertical-align: top;
    display: table-cell;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .horizontable .inner .list {
    font-size: 1.07em;
    /*	font-family:"¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;*/
    padding: 0 0 0 35px;
    text-align: left;
    vertical-align: top;
    display: table-cell;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .horizontable .inner .list li {
    margin-right: 1em;
    margin-bottom: 0;
    display: inline-block;
  }

  #contents-area > section .horizontable .inner .list li::before {
    color: #45a550;
    font-size: 0.77em;
    content: "¡ö";
    padding: 0 0.2em 0.2em 0;
    vertical-align: middle;
    display: inline-block;
  }

  /* linkbanner */

  #contents-area .linkbanner {
    width: 1200px;
    margin: 60px auto 0;
    display: table;
  }

  #contents-area .linkbanner li {
    width: calc((100% - (13px * 3)) / 4);
    margin-right: 13px;
    margin-top: 13px;
    float: left;
  }

  #contents-area .linkbanner li:nth-child(4n) {
    margin-right: 0;
  }

  #contents-area .linkbanner li:nth-child(1),
  #contents-area .linkbanner li:nth-child(2),
  #contents-area .linkbanner li:nth-child(3),
  #contents-area .linkbanner li:nth-child(4) {
    margin-top: 0;
  }

  #contents-area .linkbanner li a {
    color: #373637;
    font-size: 1.07em;
    width: 100%;
    height: 100%;
    min-height: 82px;
    padding: 20px 30px 20px 20px;
    background: #eeeeee url(../../common/img/ico_arrow_green.svg) right 15px center no-repeat;
    background-size: 7px 10px;
    vertical-align: middle;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
  }
  #contents-area .linkbanner li a.active_btn {
    color: #fff;
    font-size: 1.07em;
    width: 100%;
    height: 100%;
    min-height: 82px;
    padding: 20px 30px 20px 20px;
    background: #45a550 url(../../common/img/ico_arrow_white.svg) right 15px center no-repeat;
    background-size: 7px 10px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
  }

  #contents-area .banner-contents article {
    width: 1000px;
    margin: 0 auto;
  }

  #contents-area .banner-contents article ul {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    padding: 20px 0;
  }

  #contents-area .banner-contents article ul li {
    width: 470px;
    height: 130px;
    margin: 10px 0;
    background-color: #fff;
  }

  #contents-area .banner-contents article ul li:nth-child(odd) {
    margin-right: 0;
  }
  #contents-area .banner-contents article ul li:nth-child(even) {
    margin-left: 30px;
  }
  #contents-area .banner-contents ul li:only-child {
    list-style: none;
    width: 470px;
    margin: 10px 0;
  }

  /* style-news */

  #contents-area .style-news {
    padding: 60px 0 60px;
    margin-bottom: 60px;
    background-color: #f0f0f0;
  }

  #contents-area .style-news h2 {
    color: #373637;
    font-size: 26px;
    margin: 0;
    line-height: 1em;
  }

  #contents-area .style-news h2::after {
    width: 30px;
    height: 2px;
    background-color: #45a550;
    content: "";
    margin: 15px auto 0;
    display: block;
  }

  #contents-area .style-news .en {
    color: #373637;
    font-size: 16px;
    font-family: "Arvo", "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 0.4em;
    letter-spacing: 0.1em;
    line-height: 1em;
  }

  #contents-area .style-news .en::after {
    width: 30px;
    height: 2px;
    background-color: #45a550;
    content: "";
    margin: 15px auto 0;
    display: block;
  }

  #contents-area > section::nth-child(even) {
    background-color: #ededed;
  }

  #contents-area .style-news .inner {
    padding-top: 35px;
  }

  #contents-area .style-news article {
    width: 1200px;
    margin: 0 auto 0;
    border-bottom: 1px solid #373637;
  }

  #contents-area .style-news article:first-child {
    border-top: 1px solid #373637;
  }

  #contents-area .style-news article a {
    padding: 15px 20px;
    background: url(/common/img/ico_arrow_navy.svg) right center no-repeat;
    background-size: 12px auto;
    display: block;
  }
  /* color */
  #contents-area .style-news.c-pink article a {
    padding: 15px 20px;
    background: url(/common/img/ico_arrow_c_pink.svg) right center no-repeat;
    background-size: 12px auto;
    display: block;
  }
  #contents-area .style-news.c-blue article a {
    padding: 15px 20px;
    background: url(/common/img/ico_arrow_c_blue.svg) right center no-repeat;
    background-size: 12px auto;
    display: block;
  }
  #contents-area .style-news.c-green article a {
    padding: 15px 20px;
    background: url(/common/img/ico_arrow_c_green.svg) right center no-repeat;
    background-size: 12px auto;
    display: block;
  }
  #contents-area .style-news.c-yellow article a {
    padding: 15px 20px;
    background: url(/common/img/ico_arrow_c_yellow.svg) right center no-repeat;
    background-size: 12px auto;
    display: block;
  }
  #contents-area .style-news.c-orange article a {
    padding: 15px 20px;
    background: url(/common/img/ico_arrow_c_orange.svg) right center no-repeat;
    background-size: 12px auto;
    display: block;
  }
  #contents-area .style-news.c-red article a {
    padding: 15px 20px;
    background: url(/common/img/ico_arrow_c_red.svg) right center no-repeat;
    background-size: 12px auto;
    display: block;
  }
  #contents-area .style-news.c-purple article a {
    padding: 15px 20px;
    background: url(/common/img/ico_arrow_c_purple.svg) right center no-repeat;
    background-size: 12px auto;
    display: block;
  }

  #contents-area .style-news article .date {
    color: #373637;
    font-size: 16px;
    width: 110px;
    padding-right: 15px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area .style-news article .cat {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    width: 120px;
    padding: 7px 3px 5px;
    background-color: #45a550;
    text-align: center;
    line-height: 1.2em;
    vertical-align: middle;
    display: table-cell;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*#contents-area .style-news article:nth-child(even) .cat {
	background-color:#425698;
}*/

  #contents-area .style-news article h3 {
    color: #373637;
    font-size: 16px;
    font-weight: normal;
    padding: 0 10px 0 15px;
    text-align: left;
    line-height: 1em;
    vertical-align: middle;
    display: table-cell;
  }

  #contents-area .style-news .bt {
    margin-top: 25px;
  }

  #contents-area .style-news .bt a {
    color: #373637;
    font-size: 14px;
    font-weight: bold;
    padding: 13px 30px 10px;
    background: #fff url("/common/img/ico_arrow_navy.svg") right 20px center no-repeat;
    background-size: 12px auto;
    border: 1px solid #373637;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    display: inline-block;
    min-width: 250px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area section .section-inner .sns_sharer {
    padding: 10px 0;
  }

  #contents-area section .section-inner .sns_sharer p {
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0 10px 0;
  }

  #contents-area section .section-inner .sns_sharer ul {
    display: flex;
  }

  #contents-area section .section-inner .sns_sharer ul li {
    margin-right: 15px;
  }

  #contents-area section .section-inner .sns_sharer ul li a img {
    width: 50px;
    height: 50px;
  }
}

/* *****************************************************************************
   ¥¹¥Þ©`¥È¥Õ¥©¥óÓäΥ¹¥¿¥¤¥ëÓ›Êö
***************************************************************************** */
@media screen and (max-width: 769px) {
  /*
#contents-area::before {
	content:"";
	padding-top:15.625%;
	display:block;
}
*/
  #contents-area::before {
    content: "";
    padding-top: 60px;
    display: block;
  }

  /* title-area */

  #title-area {
    position: relative;
    width: 100%;
    padding: 23px 0 19px;
    background-color: #d7d1ea;
    text-align: center;
    display: table;
    border-bottom: 2px solid #b3b3b3;
  }

  #title-area::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 23px;
    height: 2px;
    content: "";
    background: #45a550;
    display: block;
  }

  #title-area h1,
  #title-area > div {
    color: #373637;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }

  #title-area h1::after,
  #title-area > div::after {
    content: "";
    width: 23px;
    height: 2px;
    margin: 8px auto 0;
    background-color: #45a550;
    display: block;
  }

  #breadcrumb {
    font-size: 11px;
    margin: 0 auto;
    padding: 0.5em 20px;
    text-align: left;
  }

  #breadcrumb li {
    display: inline-block;
  }

  #breadcrumb li::after {
    content: "£¾";
    display: inline-block;
  }

  #breadcrumb li:last-child::after {
    content: "";
    display: none;
  }

  .annotation {
    text-align: left;
    font-size: 12px;
  }

  /* section */

  #contents-area > section {
    color: #373637;
    padding-bottom: 35px;
    overflow: hidden;
  }

  #contents-area > section.bg {
    padding-top: 0;
    background-color: #f0f0f0;
  }

  #contents-area > section.bg.blue {
    padding-top: 0;
    background-color: #F8F7FA;
  }

  #contents-area > section .section-inner {
    margin: 0 20px;
  }

  #contents-area > section .section-inner .subtitle {
    font-size: 18px;
    font-weight: bold;
    margin: 25px 0 25px;
    line-height: 1.3em;
    text-align: center;
  }

  #contents-area > section .section-inner .department-matching_inner .subtitle {
    font-size: 21px;
    font-weight: bold;
    margin: 10px 0 0;
    line-height: 1em;
    text-align: center;
  }

  #contents-area > section .section-inner .subtitle::after {
    width: 23px;
    height: 2px;
    background-color: #45a550;
    content: "";
    margin: 10px auto 0;
    display: block;
  }

  #contents-area > section .section-inner p {
    font-size: 14px;
    margin-top: 20px;
    text-align: left;
  }
  #contents-area > section .section-inner p.sp_fsmall {
    font-size: 14px;
  }

  #contents-area > section .section-inner .department-matching_inner p {
    font-size: 14px;
    text-align: left;
  }

  #contents-area > section .subhead1 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0;
    border-top: 2px solid #b3b3b3;
    border-bottom: 2px solid #b3b3b3;
    line-height: 1.5em;
  }

  #contents-area > section .subhead2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0.9em 1em 0.8em;
    background-color: #d7d1ea;
    border-bottom: 2px solid #b3b3b3;
    text-align: left;
    line-height: 1.3em;
    position: relative;
  }
  #contents-area > section .subhead2.subhead2_s {
    font-size: 16px;
  }
  #contents-area > section .subhead2:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 23px;
    height: 2px;
    content: "";
    background: #45a550;
    display: block;
  }

  #contents-area > section .read1 {
    font-size: 16px !important;
    font-weight: bold;
    margin-top: 25px;
    text-align: left;
    line-height: 2.7em;
  }

  #contents-area > section .read1 span {
    padding: 0.5em 0;
    /*	background-color:#ededed;*/
    display: inline;
    background: -moz-linear-gradient(transparent 2%, #d7d1ea 0%);
    background: -webkit-linear-gradient(transparent 2%, #d7d1ea 0%);
    background: linear-gradient(transparent 2%, #d7d1ea 0%);
  }

  #contents-area > section .list {
    font-size: 12px;
    margin-top: 20px;
  }

  #contents-area > section .list li {
    margin-bottom: 10px;
    text-align: left;
  }

  #contents-area > section .list li::before {
    font-size: 9px;
    margin: 0 5px 0 0;
    padding-top: 3px;
    content: "¡ø";
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
  }

  #contents-area > section .list li a {
    color: #373637;
    text-decoration: underline;
    font-size: 12px;
    line-height: 1.2em;
    word-break: break-all;
  }

  #contents-area > section .list li a:hover {
    text-decoration: none;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }

  #contents-area > section .list li a.pdf::after {
    width: 18px;
    height: 20px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_pdf.svg) no-repeat;
    background-size: 18px;
    vertical-align: middle;
    display: inline-block;
  }

  #contents-area > section .list li a.pdf::after {
    width: 18px;
    height: 20px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_pdf.svg) no-repeat;
    background-size: 18px;
    vertical-align: middle;
    display: inline-block;
  }
  #contents-area > section .list li a.excel::after {
    width: 18px;
    height: 20px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_excel.svg) no-repeat;
    background-size: 18px;
    vertical-align: middle;
    display: inline-block;
  }
  #contents-area > section .list li a.word::after {
    width: 18px;
    height: 20px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_word.svg) no-repeat;
    background-size: 18px;
    vertical-align: middle;
    display: inline-block;
  }
  #contents-area > section .list li a.outlink::after {
    width: 18px;
    height: 20px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_outlink.svg) no-repeat;
    background-size: 18px;
    vertical-align: middle;
    display: inline-block;
  }

  #contents-area > section ol {
    margin-top: 20px;
    font-size: 13px;
    text-align: left;
  }

  #contents-area > section ol > li {
    text-align: left;
  }

  #contents-area > section img {
    max-width: 100%;
    height: auto;
    width: auto;
  }
  /* 20230901 ×·¼Ó */
  #contents-area > section .table-style2.icon_box img {
    width: 30px;
  }
  #contents-area > section .table-style2.icon_box .icon_box_cell {
    display: block;
  }
  #contents-area > section .table-style2.icon_box .icon_box_cell:not(:last-of-type) {
    margin-bottom: 10px;
  }

  ul.disc {
    margin: 30px 0;
    padding: 0 0 0 20px;
  }
  ul.disc li {
    list-style: disc;
    text-align: left;
  }
  ul.disc li a.pdf::after {
    width: 18px;
    height: 20px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_pdf.svg) no-repeat;
    background-size: 18px;
    vertical-align: middle;
    display: inline-block;
  }
  ul.disc li a.excel::after {
    width: 18px;
    height: 20px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_excel.svg) no-repeat;
    background-size: 18px;
    vertical-align: middle;
    display: inline-block;
  }
  ul.disc li a.word::after {
    width: 18px;
    height: 20px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_word.svg) no-repeat;
    background-size: 18px;
    vertical-align: middle;
    display: inline-block;
  }
  ul.disc li a.outlink::after {
    width: 18px;
    height: 20px;
    content: "";
    margin-left: 10px;
    background: url(/common/img/ico_outlink.svg) no-repeat;
    background-size: 18px;
    vertical-align: middle;
    display: inline-block;
  }

  /* linkbox */

  #contents-area > section .linkbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .linkbox {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .linkbox {
    height: 1%;
  }

  #contents-area > section .linkbox {
    margin: 0 20px 0;
    display: block;
  }

  #contents-area > section .linkbox:first-child {
    margin-top: 0;
  }

  #contents-area > section .linkbox.row3 .box {
    width: auto;
    margin: 20px 0 0 0;
  }

  #contents-area > section .linkbox.row3 .box:nth-child(3n) {
    margin-right: 0;
  }

  #contents-area > section .linkbox.row4 .box {
    width: 50%;
    margin: 20px 0 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
  }

  #contents-area > section .linkbox.row4:not(.department-list_item) .box:nth-child(odd) {
    padding-right: 5px;
  }

  #contents-area > section .linkbox.row4:not(.department-list_item) .box:nth-child(even) {
    padding-left: 5px;
  }

  #contents-area > section .linkbox.row6 .box {
    width: 23%;
    margin: 6px 6px 0 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
  }
  #contents-area > section .linkbox.row6 .box:nth-child(4n) {
    /*	margin-right:0;*/
  }

  #contents-area > section .linkbox .box a {
    color: #373637;
    /*display:block;*/
    background: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  #contents-area > section .linkbox .box .title {
    font-size: 1.23em;
    font-weight: bold;
    text-align: left;
    padding: 0.8em 1em 0.7em;
    background-color: #f0f0f0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .linkbox.row4 .box .title {
    font-size: 1.23em;
    padding: 0.6em 0.8em 0.5em;
  }

  #contents-area > section .linkbox .box .img {
    margin: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #contents-area > section .linkbox .box .img img {
    max-width: 100%;
    /*	height: auto;
	width:auto;*/
  }

  #contents-area > section .linkbox .box .list {
    font-size: 1.08em;
    margin: 0;
    padding: 0 1.5em 1.5em 1em;
    background: #f0f0f0;
    text-align: left;
    line-height: 1.2em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #contents-area > section .linkbox.row4 .box .list {
    padding: 0 1.5em 1.5em 0.8em;
  }

  #contents-area > section .linkbox .box .list li {
    margin-left: 1em;
    margin-bottom: 0;
    text-indent: -1em;
  }

  #contents-area > section .linkbox .box .list li::before {
    content: "";
    display: none;
  }
  #contents-area > section .linkbox .box a > .text {
    position: relative;
  }
  #contents-area > section .linkbox .box a > .text:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("/common/img/ico_arrow_navy.svg") no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }

  #contents-area > section .linkbox.row6 .box .title.multi {
    display: table;
    width: 100%;
    height: 45px;
    padding: 0;
    line-height: 1.3;
  }
  #contents-area > section .linkbox.row6 .box .title.multi > * {
    display: table-cell;
    vertical-align: middle;
  }

  /* verticalbox */

  #contents-area > section .verticalbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .verticalbox {
    display: inline-table;
    zoom: 1;
  }
  #contents-area > section .verticalbox.row3 {
    width: auto;
    margin: 0 18px 0;
    padding-top: 30px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  * html #contents-area > section .verticalbox {
    height: 1%;
  }

  #contents-area > section .verticalbox {
    margin: 0 auto;
    padding-top: 10px;
    display: block;
    overflow: hidden;
  }

  #contents-area > section .verticalbox .box {
    margin: 20px 20px 0;
  }

  /*#contents-area > section .verticalbox.row3 .box,*/
  #contents-area > section .verticalbox.row4 .box {
    width: 50%;
    margin: 0;
    padding: 20px 10px 0 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
  }
  #contents-area > section .verticalbox.row3 .box {
    position: relative;
    width: 47%;
    height: auto;
    margin: 1%;
    overflow: hidden;
  }

  /*#contents-area > section .verticalbox.row3 .box:nth-child(even),*/
  #contents-area > section .verticalbox.row4 .box:nth-child(even) {
    padding: 20px 20px 0 10px;
  }

  #contents-area > section .verticalbox .box .title {
    color: #373637;
    font-size: 16px;
    margin-top: 20px;
    line-height: 1em;
  }

  #contents-area > section .verticalbox.row3 .box .title,
  #contents-area > section .verticalbox.row4 .box .title {
    font-size: 15px;
  }

  #contents-area > section .verticalbox .box .en {
    color: #373637;
    font-size: 12px;
    font-family: "Arvo", "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 0.4em;
    letter-spacing: 0.1em;
    line-height: 1em;
  }

  #contents-area > section .verticalbox.row3 .box .en,
  #contents-area > section .verticalbox.row4 .box .en {
    font-size: 11px;
  }

  #contents-area > section .verticalbox .box .title::after {
    width: 23px;
    height: 2px;
    background-color: #45a550;
    content: "";
    margin: 10px auto 13px;
    display: block;
  }

  #contents-area > section .verticalbox .box .img img {
    width: 100%;
    height: auto;
  }

  #contents-area > section .verticalbox .box .text {
    font-size: 14px;
    text-align: left;
  }

  #contents-area > section .verticalbox.row3 .box .text,
  #contents-area > section .verticalbox.row4 .box .text {
    font-size: 14px;
  }

  /* horizonbox */

  #contents-area > section .horizonbox {
    /* margin:0 20px; */
    margin: 0;
    padding-top: 35px;
    display: block;
  }

  #contents-area > section .horizonbox .box {
    width: 88%;
    margin: 20px auto 0;
    padding: 20px;
    background-color: #fff;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #contents-area > section .horizonbox .box2 {
    width: 88%;
    margin: 20px auto 0;
    background-color: #fff;
    display: block;
    padding: 30px 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .horizonbox .box:nth-child(1) {
    margin-top: 0;
  }

  #contents-area > section .horizonbox .box .inner {
    margin-top: 50px;
  }

  #contents-area > section .horizonbox .box .inner:nth-child(1) {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }

  #contents-area > section .horizonbox .box .inner .img {
    font-size: 12px;
    padding-top: 20px;
    text-align: left;
  }

  #contents-area > section .horizonbox .box .inner .img img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }

  #contents-area > section .horizonbox .box .inner .title {
    font-size: 16px;
    text-align: left;
  }

  #contents-area > section .horizonbox .box .inner .title::after {
    width: 23px;
    height: 2px;
    background-color: #45a550;
    content: "";
    margin: 10px 0 15px;
    display: block;
  }

  #contents-area > section .horizonbox .box .text {
    font-size: 14px;
    text-align: left;
  }

  /* imgtext */

  #contents-area > section .imgtext {
    margin: 0 20px;
    padding-top: 35px;
  }

  #contents-area > section .imgtext .inner {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #d9d9d9;
  }

  #contents-area > section .imgtext .inner:nth-child(1) {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }

  #contents-area > section .imgtext .inner .img {
    margin-bottom: 20px;
    text-align: center;
  }

  #contents-area > section .imgtext .img img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }

  #contents-area > section .imgtext .inner .text {
    font-size: 14px;
    text-align: left;
  }

  /* qrbox */

  #contents-area > section .qrbox {
    margin: 0 20px;
    padding-top: 30px;
  }

  #contents-area > section .qrbox .inner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .qrbox .inner {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .qrbox .inner {
    height: 1%;
  }

  #contents-area > section .qrbox .inner {
    padding-top: 20px;
    display: block;
    position: relative;
  }

  #contents-area > section .qrbox .inner:nth-child(1) {
    padding-top: 0;
  }

  #contents-area > section .qrbox .inner .img {
    width: 28.57%;
    max-width: 133px;
    margin-right: 20px;
    padding: 10px;
    border: 1px solid #dae4e4;
    text-align: center;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .qrbox .img img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }

  #contents-area > section .qrbox .inner .text {
    font-size: 12px;
    text-align: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .qrbox .inner .text p {
    font-size: 14px;
    margin-top: 1em;
    margin-left: calc(28.57% + 20px);
  }

  #contents-area > section .qrbox .inner .text p:nth-child(1) {
    margin-top: 0;
  }

  #contents-area > section .qrbox .inner .text a {
    color: #55b38c;
  }

  #contents-area > section .qrbox .inner .text .url {
    font-size: 12px;
    margin-top: 0;
    padding-top: 1em;
    clear: both;
    margin-left: 0;
  }

  #contents-area > section .qrbox .inner .qr {
    width: 133px;
    height: 133px;
    margin: 20px auto;
    padding: 15px;
    border: 1px solid #dae4e4;
    text-align: center;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*display:none;*/
  }

  #contents-area > section .qrbox .inner .qr img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  #contents-area > section .qrbox .inner.qr_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #contents-area > section .qrbox .inner.qr_right .img {
    order: 2;
    width: 133px;
    height: 133px;
    margin: 20px auto;
    padding: 15px;
    border: 1px solid #dae4e4;
    text-align: center;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #contents-area > section .qrbox .inner.qr_right .text {
    order: 1;
  }
  #contents-area > section .qrbox .inner.qr_right .text p {
    margin-left: 0;
  }
  #contents-area > section .qrbox .inner + .inner {
    padding-top: 35px;
  }

  /* circlebox */

  #contents-area > section .circlebox {
    margin: 0 20px;
    padding-top: 30px;
  }

  #contents-area > section .circlebox .inner :after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .circlebox .inner {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .circlebox .inner {
    height: 1%;
  }

  #contents-area > section .circlebox .inner {
    padding-top: 30px;
    display: block;
  }

  #contents-area > section .circlebox .inner:nth-child(1) {
    padding-top: 0;
  }

  #contents-area > section .circlebox .inner .img {
    width: 27%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }

  #contents-area > section .circlebox .img img {
    width: 100%;
    height: auto;
    /*border:2px solid #8093c2;*/
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  /*#contents-area > section .circlebox .inner:nth-child(6n+2) .img img {
	border:2px solid #00bf8c;
}
#contents-area > section .circlebox .inner:nth-child(6n+3) .img img {
	border:2px solid #35559a;
}
#contents-area > section .circlebox .inner:nth-child(6n+4) .img img {
	border:2px solid #009a8e;
}
#contents-area > section .circlebox .inner:nth-child(6n+5) .img img {
	border:2px solid #35559b;
}
#contents-area > section .circlebox .inner:nth-child(6n+6) .img img {
	border:2px solid #8093c2;
}*/

  #contents-area > section .circlebox .inner .text {
    font-size: 12px;
    padding-left: 20px;
    text-align: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    display: table-cell;
  }

  #contents-area > section .circlebox .inner .text p {
    font-size: 14px;
    margin-top: 1em;
  }

  #contents-area > section .circlebox .inner .text p:nth-child(1) {
    margin-top: 0;
  }

  /* profilebox */

  #contents-area > section .profilebox {
    /*	font-family:"¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;*/
    margin: 30px 20px 0;
    /*border-bottom:1px solid #373637;*/
  }

  #contents-area > section .profilebox .subtitle {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 1em 1em;
    background-color: #d7d1ea;
    border-bottom: 2px solid #b3b3b3;
    text-align: left;
    line-height: 1em;
    position: relative;
  }
  #contents-area > section .profilebox .subtitle:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 23px;
    height: 2px;
    content: "";
    background: #45a550;
    display: block;
  }

  #contents-area > section .profilebox .subtitle:before {
    display: none;
  }

  #contents-area > section .profilebox .profile:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .profilebox .profile {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .profilebox .profile {
    height: 1%;
  }

  #contents-area > section .profilebox .profile {
    padding: 20px 0;
    display: block;
  }

  #contents-area > section .profilebox .profile .img {
    margin-bottom: 15px;
    text-align: center;
    vertical-align: middle;
  }

  #contents-area > section .profilebox .profile .img img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }

  #contents-area > section .profilebox .profile .department {
    font-size: 12px;
    text-align: left;
  }

  #contents-area > section .profilebox .profile .name {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
  }

  #contents-area > section .profilebox .profile .name span {
    font-size: 12px;
  }

  #contents-area > section .profilebox .profile .en {
    color: #55b38c;
    font-size: 11px;
    /*font-family:"Arvo", "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;*/
    margin-top: 0.3em;
    text-align: left;
  }

  #contents-area > section .profilebox .profile .text {
    font-size: 14px;
    margin-top: 1em;
    text-align: left;
  }

  #contents-area > section .profilebox .library:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .profilebox .library {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .profilebox .library {
    height: 1%;
  }

  #contents-area > section .profilebox .library {
    padding: 0 20px 20px;
    display: block;
  }

  #contents-area > section .profilebox .library article {
    width: 50%;
    margin-top: 40px;
    padding-right: 20px;
    border-right: 1px solid #d9d9d9;
    text-align: left;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .profilebox .library article:nth-child(1),
  #contents-area > section .profilebox .library article:nth-child(2) {
    margin-top: 0;
  }

  #contents-area > section .profilebox .library article:nth-child(even) {
    padding-left: 20px;
    padding-right: 0;
    border-right: none;
  }

  #contents-area > section .profilebox .library article .date {
    font-size: 12px;
    font-weight: bold;
  }

  #contents-area > section .profilebox .library article .text {
    font-size: 12px;
    margin-top: 0.2em;
  }

  #contents-area > section .profilebox .library article .bt {
    margin-top: 5px;
  }

  #contents-area > section .profilebox .library article .bt a {
    color: #fff;
    font-size: 9px;
    padding: 6px 35px 6px 10px;
    background: #373637 url(../img/ico_volume.svg) right 10px center no-repeat;
    background-size: 15px auto;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    line-height: 1em;
    display: inline-block;
  }

  /* anchorbox */

  /*#contents-area > section .anchorbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#contents-area > section .anchorbox {
	display:inline-table;
	zoom:1;
}

* html #contents-area > section .anchorbox {
	height:1%;
}*/

  #contents-area > section .anchorbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #contents-area > section .anchorbox {
    margin: 30px 0 0;
  }

  #contents-area > section .anchorbox li {
    margin: 5px 0;
    background-color: #fff;
    width: 49%;
  }

  #contents-area > section .anchorbox li a {
    position: relative;
    color: #373637;
    font-size: 14px;
    font-weight: bold;
    padding: 20px;
    background: url(/common/img/ico_arrow_navy.svg) right 7px center no-repeat;
    background-size: 10px auto;
    border: 1px solid #373637;
    text-align: left;
    line-height: 1.2em;
    display: flex;
    justify-content: left;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  /*#contents-area > section .anchorbox li a::before {
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:16px;
	font-family:"Arvo", "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
	content:"";
	width:45px;
	height:100%;
	background-color:#45A550;
	display: flex;
	justify-content: center;
	align-items: center;
	float:left;
}

#contents-area > section .anchorbox li:nth-child(1) a::before { content:"1"; }
#contents-area > section .anchorbox li:nth-child(2) a::before { content:"2"; }
#contents-area > section .anchorbox li:nth-child(3) a::before { content:"3"; }
#contents-area > section .anchorbox li:nth-child(4) a::before { content:"4"; }
#contents-area > section .anchorbox li:nth-child(5) a::before { content:"5"; }
#contents-area > section .anchorbox li:nth-child(6) a::before { content:"6"; }
#contents-area > section .anchorbox li:nth-child(7) a::before { content:"7"; }
#contents-area > section .anchorbox li:nth-child(8) a::before { content:"8"; }
#contents-area > section .anchorbox li:nth-child(9) a::before { content:"9"; }
#contents-area > section .anchorbox li:nth-child(10) a::before { content:"10"; }
#contents-area > section .anchorbox li:nth-child(11) a::before { content:"11"; }
#contents-area > section .anchorbox li:nth-child(12) a::before { content:"12"; }
#contents-area > section .anchorbox li:nth-child(13) a::before { content:"13"; }
#contents-area > section .anchorbox li:nth-child(14) a::before { content:"14"; }
#contents-area > section .anchorbox li:nth-child(15) a::before { content:"15"; }
#contents-area > section .anchorbox li:nth-child(16) a::before { content:"16"; }
#contents-area > section .anchorbox li:nth-child(17) a::before { content:"17"; }
#contents-area > section .anchorbox li:nth-child(18) a::before { content:"18"; }
#contents-area > section .anchorbox li:nth-child(19) a::before { content:"19"; }
#contents-area > section .anchorbox li:nth-child(20) a::before { content:"20"; }*/

  /* numberbox */

  #contents-area > section .numberbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .numberbox {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .numberbox {
    height: 1%;
  }

  #contents-area > section .numberbox {
    margin: 30px 20px 0;
    display: block;
  }

  #contents-area > section .numberbox .inner {
    margin: 15px 0 0 0;
    text-align: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #e3e1ef;
  }

  #contents-area > section .numberbox .inner:nth-child(1) {
    margin-top: 0;
  }

  #contents-area > section .numberbox .inner .subtitle {
    position: relative;
    color: #373637;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    min-height: 45px;
    padding: 12px 10px 10px 55px;
    background-color: #d7d1ea;
    border-bottom: 1px solid #fff;
    line-height: 1.2em;
    display: flex;
    justify-content: left;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
  }

  #contents-area > section .numberbox .inner .subtitle::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 18px;
    content: "";
    width: 45px;
    height: 100%;
    background-color: #373637;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
  }

  #contents-area > section .numberbox .inner:nth-child(1) .subtitle::before {
    content: "1";
  }
  #contents-area > section .numberbox .inner:nth-child(2) .subtitle::before {
    content: "2";
  }
  #contents-area > section .numberbox .inner:nth-child(3) .subtitle::before {
    content: "3";
  }
  #contents-area > section .numberbox .inner:nth-child(4) .subtitle::before {
    content: "4";
  }
  #contents-area > section .numberbox .inner:nth-child(5) .subtitle::before {
    content: "5";
  }
  #contents-area > section .numberbox .inner:nth-child(6) .subtitle::before {
    content: "6";
  }
  #contents-area > section .numberbox .inner:nth-child(7) .subtitle::before {
    content: "7";
  }
  #contents-area > section .numberbox .inner:nth-child(8) .subtitle::before {
    content: "8";
  }
  #contents-area > section .numberbox .inner:nth-child(9) .subtitle::before {
    content: "9";
  }
  #contents-area > section .numberbox .inner:nth-child(10) .subtitle::before {
    content: "10";
  }
  #contents-area > section .numberbox .inner:nth-child(11) .subtitle::before {
    content: "11";
  }
  #contents-area > section .numberbox .inner:nth-child(12) .subtitle::before {
    content: "12";
  }
  #contents-area > section .numberbox .inner:nth-child(13) .subtitle::before {
    content: "13";
  }
  #contents-area > section .numberbox .inner:nth-child(14) .subtitle::before {
    content: "14";
  }
  #contents-area > section .numberbox .inner:nth-child(15) .subtitle::before {
    content: "15";
  }
  #contents-area > section .numberbox .inner:nth-child(16) .subtitle::before {
    content: "16";
  }
  #contents-area > section .numberbox .inner:nth-child(17) .subtitle::before {
    content: "17";
  }
  #contents-area > section .numberbox .inner:nth-child(18) .subtitle::before {
    content: "18";
  }
  #contents-area > section .numberbox .inner:nth-child(19) .subtitle::before {
    content: "19";
  }
  #contents-area > section .numberbox .inner:nth-child(20) .subtitle::before {
    content: "20";
  }

  #contents-area > section .numberbox .inner .text {
    font-size: 14px;
    padding: 13px 15px 11px;
  }

  /* flex_box */
  #contents-area > section .flex_box {
    margin: 30px auto 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
  }

  #contents-area > section .flex_box .inner {
    width: 90%;
    margin: 15px auto;
    border: 1px solid #373637;
    text-align: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .flex_box .inner:last-child {
    margin-bottom: 0px;
  }

  #contents-area > section .flex_box .inner .subtitle {
    border-bottom: 1px solid #373637;
    padding: 15px;
    text-align: center;
  }

  #contents-area > section .flex_box .inner .text {
    padding: 20px 20px 0px 20px;
  }
  #contents-area > section .flex_box .inner .text:last-child {
    padding-bottom: 20px;
  }
  #contents-area > section .flex_box .inner .text li::before {
    content: "¡ñ ";
  }

  /* accbox */

  #contents-area > section .accbox {
    font-family: "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
    content: "";
  }

  #contents-area > section .accbox .accbox_list {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
  }

  #contents-area > section .accbox dt.title {
    width: 85px;
    background: #373637;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid #373637;
    padding: 10px 0 !important;
  }

  #contents-area > section .accbox .detail {
    flex: 1;
    text-align: left;
    font-size: 1.17em;
    /*max-height:60px;*/
    display: flex;
    align-items: center;
    color: #373637;
    border: 1px solid #373637;
    background: url(/common/img/ico_arrow2.svg) right center no-repeat;
    background-size: 17px auto;
    padding: 10px 20px !important;
  }

  #contents-area > section .accbox .detail label {
    display: block;
    width: 100%;
  }

  #contents-area > section .accbox input {
    display: none;
  }

  #contents-area > section .accbox .accbox_slide {
    width: 100%;
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
  }

  #contents-area > section .accbox .cssacc:checked + .accbox_slide {
    height: auto;
    padding: 20px;
    background: #eaeaea;
    opacity: 1;
  }

  /* colorbox */

  #contents-area > section .colorbox {
    margin: 20px 20px 0;
    padding: 20px 15px 15px;
    background-color: #f0f0f0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area #contents-area2 > section#study-abroad3.international .colorbox {
    background-color: #dce6f2 !important;
    margin: 20px auto 20px 0;
  }

  #contents-area > section .colorbox .subtitle {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 1em;
    text-align: left;
    line-height: 1.2em;
    position: relative;
  }
  #contents-area > section .colorbox .subtitle:before,
  #contents-area > section .colorbox .subtitle:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: -15px;
    bottom: 0;
  }
  #contents-area > section .colorbox .subtitle:before {
    width: calc(100% + (15px * 2));
    height: 1px;
    background: #b3b3b3;
  }
  /*#contents-area > section .colorbox .subtitle:after {
    width: 23px;
    height: 2px;
    background: #45A550;
}*/

  #contents-area > section .colorbox p {
    font-size: 13px;
    padding-top: 0.5em;
    text-align: left;
  }

  /* colorbox */

  #contents-area > section .cautionbox {
    margin: 20px 20px 0;
    padding: 20px 15px 15px;
    background-color: #d7d1ea;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .cautionbox .subtitle {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 1em;
    text-align: left;
    line-height: 1.2em;
    position: relative;
  }
  #contents-area > section .cautionbox .subtitle:before,
  #contents-area > section .cautionbox .subtitle:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: -15px;
    bottom: 0;
  }
  #contents-area > section .cautionbox .subtitle:before {
    width: calc(100% + (15px * 2));
    height: 1px;
    background: #b3b3b3;
  }
  /*#contents-area > section .cautionbox .subtitle:after {
    width: 23px;
    height: 2px;
    background: #45A550;
}*/

  #contents-area > section .cautionbox .subhead {
    font-size: 14px;
    font-weight: bold;
    padding-top: 0.5em;
    text-align: left;
  }

  #contents-area > section .cautionbox p {
    font-size: 13px;
    padding-top: 0.5em;
    text-align: left;
  }

  /* linebox */

  #contents-area > section .linebox {
    margin: 0 20px 0;
    padding-top: 35px;
  }

  #contents-area > section .linebox dl {
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #373637;
  }

  #contents-area > section .linebox dl:first-child {
    margin-top: 0;
  }

  #contents-area > section .linebox dt {
    color: #373637;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 10px 13px;
    border-bottom: 2px solid #b3b3b3;
    text-align: center;
    position: relative;
  }
  #contents-area > section .linebox dt:after {
    content: "";
    display: inline-block;
    width: 23px;
    height: 2px;
    background: #45a550;
    position: absolute;
    left: 0;
    bottom: -2px;
  }

  #contents-area > section .linebox dd {
    font-size: 14px;
    padding: 15px 15px;
    text-align: left;
  }

  /* namelist */

  #contents-area > section .namelist:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .namelist {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .namelist {
    height: 1%;
  }

  #contents-area > section .namelist {
    margin: 0 20px 0;
    padding-top: 20px;
    display: block;
  }

  #contents-area > section .namelist dl {
    margin-top: 15px;
    display: table;
  }

  #contents-area > section .namelist dt {
    font-size: 12px;
    font-weight: normal;
    width: 60px;
    padding: 2px 0 0;
    background-color: #e3e3e3;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }

  #contents-area > section .namelist dd {
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0 2px 7px;
    text-align: left;
    vertical-align: middle;
    display: table-cell;
  }

  #contents-area > section .ul_namelist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #contents-area > section .ul_namelist li {
    width: 43%;
    margin: 0 0 10%;
  }
  #contents-area > section .ul_namelist li a {
    display: block;
  }
  #contents-area > section .ul_namelist li .img {
    width: 117px;
    height: 117px;
    border-radius: 50%;
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    border: 5px solid #fff;
    margin: 0 auto 10%;
  }
  #contents-area > section .ul_namelist li .img:before,
  #contents-area > section .ul_namelist li .img:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -7px;
    z-index: -1;
  }
  #contents-area > section .ul_namelist li .img:before {
    width: 66px;
    height: 131px;
    background: #491176;
    border-radius: 66px 0 0 66px;
    left: -7px;
  }
  #contents-area > section .ul_namelist li .img:after {
    width: 65px;
    height: 131px;
    background: #491176;
    border-radius: 0 66px 66px 0;
    right: -7px;
  }
  #contents-area > section .namelist.ul_namelist dl {
    width: auto;
    float: none;
    margin: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  #contents-area > section .namelist.ul_namelist dt {
    color: #373637;
    background-color: #d7d1ea;
    width: 50px;
  }
  #contents-area > section .namelist.ul_namelist dd {
    font-size: 14px;
    font-weight: bold;
    color: #373637;
    text-decoration: underline;
    padding: 2px 0 2px 10px;
  }

  /* massagebox */

  #contents-area > section .messagebox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  #contents-area > section .messagebox {
    display: inline-table;
    zoom: 1;
  }

  * html #contents-area > section .messagebox {
    height: 1%;
  }

  #contents-area > section .messagebox {
    margin: 0 20px 0;
    padding: 30px 0;
    border-top: 1px solid #373637;
    display: block;
  }

  #contents-area > section .messagebox:last-child {
    padding-bottom: 0;
  }

  #contents-area > section .messagebox .profile {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  #contents-area > section .messagebox .profile dt {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    width: 22%;
    padding: 12px 0;
    background-color: #373637;
    text-align: center;
    vertical-align: middle;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #contents-area > section .messagebox .profile dd {
    font-size: 14px;
    font-weight: bold;
    margin-left: 22%;
    padding: 10px 10px 10px 1em;
    background-color: #d7d1ea;
    text-align: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content: left;
    align-items: center;
  }

  #contents-area > section .messagebox .profile dd:nth-child(2) {
    width: 78%;
    margin-left: 0;
  }

  #contents-area > section .messagebox .profile dd:last-child {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
  }

  #contents-area > section .messagebox .profile dd img {
    width: 100%;
    height: auto;
  }

  #contents-area > section .messagebox .message {
    text-align: left;
    margin-top: 15px;
  }

  #contents-area > section .messagebox .message .catch {
    font-size: 16px;
    font-weight: bold;
  }

  #contents-area > section .messagebox .message .name {
    font-size: 15px;
    font-weight: bold;
    padding: 15px 15px 15px 0;
    vertical-align: middle;
    display: table-cell;
  }

  #contents-area > section .messagebox .message .en {
    color: #55b38c;
    font-size: 11px;
    /*font-family:"Arvo", "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;*/
    padding: 15px 0;
    vertical-align: middle;
    display: table-cell;
  }

  #contents-area > section .messagebox .message .history {
    font-size: 12px;
    /*	font-family:"¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;*/
  }

  #contents-area > section .messagebox .message .text {
    font-size: 14px;
    /*	font-family:"¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;*/
    margin-top: 15px;
  }

  /* table-style1 */

  #contents-area > section table tr.b_bk{
    border: 1px solid #373637 !important;
  }  

  #contents-area > section table.table-style1 {
    margin: 35px 20px 0;
    border-spacing: 0px;
    border-collapse: collapse;
  }

  #contents-area > section table.table-style1 th,
  #contents-area > section table.table-style1 td {
    font-size: 12px;
    font-weight: normal;
    padding: 10px 10px 8px;
    background-color: #fff;
    border-bottom: 1px solid #373637;
  }

  #contents-area > section table.table-style1 tr:last-child th,
  #contents-area > section table.table-style1 tr:last-child td {
    border-bottom: none;
  }

  #contents-area > section table.table-style1 th {
    border-right: 1px solid #373637;
    white-space: nowrap;
    font-size: 12px;
    background: #fff;
  }

  #contents-area > section table.table-style1 td strong {
    font-size: 12px;
    font-weight: bold;
  }

  #contents-area > section table.table-style1.vertical,
  #contents-area > section table.table-style1.vertical tbody,
  #contents-area > section table.table-style1.vertical tr {
    display: block;
  }

  #contents-area > section table.table-style1.vertical th {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #373637;
    white-space: normal;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section table.table-style1.vertical td {
    width: 100%;
    border-bottom: 1px solid #373637;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section table.table-style1.vertical tr:last-child th {
    border-bottom: 1px solid #373637;
  }

  #contents-area > section table.table-style1.vertical tr:last-child td {
    border-bottom: none;
  }

  /* table-style2 */


  #contents-area > section table.table-style2 {
    margin: 30px 5px 0;
    border-spacing: 0px;
    border-collapse: collapse;
  }

  #contents-area > section table.table-style2 th,
  #contents-area > section table.table-style2 td {
    font-size: 12px;
    font-weight: normal;
    padding: 10px 10px 8px;
    background-color: #fff;
    border-right: 1px solid #373637;
    border-bottom: 1px solid #373637;
    white-space: nowrap;
  }

  #contents-area > section table.table-style2 tr th:last-child,
  #contents-area > section table.table-style2 tr td:last-child {
    border-right: none;
  }

  /*#contents-area > section table.table-style2 tr:last-child th,
#contents-area > section table.table-style2 tr:last-child td {
	border-bottom:none;
}*/

  #contents-area > section table.table-style2 th {
    background: #d7d1ea;
  }

  #contents-area > section table.table-style2 td strong {
    font-size: 13px;
  }

  #contents-area > section table.table-style2 td.bg {
    color: #fff;
    background-color: #373637;
    border-right: 1px solid #ffffff;
  }

  #contents-area > section table.table-style2 td.bg strong {
    font-size: 15px;
  }

  #contents-area > section table.table-style2 tr td.b_r {
    border-right: 1px solid #8096c5;
  }

  #contents-area > section .table-scroll {
    margin: 20px 7px 0;
    overflow-x: scroll;
  }

  #contents-area > section .table-scroll table.table-style1,
  #contents-area > section .table-scroll table.table-style2 {
    margin: 0 0 0;
  }
  #contents-area > section .table-scroll .scroll {
    overflow: auto;
  }
  #contents-area > section .table-scroll .scroll table {
    width: 100%;
    white-space: nowrap;
    display: block;
    border: none;
  }
  #contents-area > section .table-scroll .scroll table.basic td {
    background: #fff;
  }
  /* scroll */
  #contents-area > section .table-scroll .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 25px !important;
  }
  #contents-area > section .table-scroll #mCSB_1_scrollbar_horizontal,
  #contents-area > section .table-scroll #mCSB_2_scrollbar_horizontal {
    position: relative;
    height: 10px;
    bottom: 5px;
  }
  #contents-area > section .table-scroll #mCSB_1_scrollbar_horizontal:before,
  #contents-area > section .table-scroll #mCSB_2_scrollbar_horizontal:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    border-bottom: 10px solid #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    z-index: 1;
  }
  #contents-area > section .table-scroll mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #45a550 !important;
  }
  #contents-area > section .table-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 100px !important;
  }
  #contents-area > section .table-scroll .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  #contents-area > section .table-scroll .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-color: #45a550;
    height: 10px !important;
    top: 0;
    margin: 0 !important;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    opacity: 1 !important;
  }
  #contents-area > section .table-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 10px !important;
  }
  #contents-area > section .table-scroll .mCSB_scrollTools {
    opacity: 1 !important;
    filter: "alpha(opacity=100)" !important;
    -ms-filter: "alpha(opacity=100)" !important;
  }
  #contents-area > section .table-scroll .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff !important;
  }
  #contents-area > section .table-scroll .mCSB_scrollTools .mCSB_draggerContainer {
    position: relative !important;
  }
  #contents-area > section .table-scroll .mCSB_scrollTools {
    position: relative !important;
  }

  /* table-soudankai */
  #contents-area > section table.table-style2.table-soudankai {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  #contents-area > section table.table-style2.table-soudankai th,
  #contents-area > section table.table-style2.table-soudankai td {
    padding-right: 5px;
    padding-left: 5px;
    white-space: normal;
  }
  #contents-area > section table.table-style2.table-soudankai th:nth-child(1) {
    width: 22%;
  }

  #contents-area > section table.table-style2.table-soudankai th:nth-child(2) {
    width: 16%;
  }
  #contents-area > section table.table-style2.table-soudankai th:nth-child(3) {
    width: 16%;
  }
  #contents-area > section table.table-style2.table-soudankai th:nth-child(4) {
    width: 46%;
  }
  #contents-area > section table.table-style2.table-soudankai td:nth-child(1) {
    white-space: nowrap;
  }

  /* row-block */
  #contents-area > section .row2-block {
    margin: 0 20px 0;
  }

  #contents-area > section .row2-block .inner {
    text-align: left;
  }

  #contents-area > section .row2-block .inner:nth-child(even) {
    margin-right: 0;
  }

  #contents-area > section .row2-block .inner .subtitle {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #373637;
  }

  #contents-area > section .row2-block .inner .text {
    font-size: 14px;
    margin-top: 1em;
  }

  /* horizontable */

  #contents-area > section .horizontable {
    margin: 35px 20px 0;
    display: block;
  }

  #contents-area > section .horizontable .inner {
    padding: 15px 0;
    border-top: 1px solid #373637;
    border-bottom: 1px solid #373637;
  }

  #contents-area > section .horizontable .inner:last-child {
    border-top: none;
  }

  #contents-area > section .horizontable .inner .subtitle {
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    padding-right: 10px;
    margin-bottom: 0.3em;
    text-align: left;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .horizontable .inner .text {
    font-size: 14px;
    /*	font-family:"¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;*/
    margin-left: 0;
    padding: 0 0 0 0;
    text-align: left;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .horizontable .inner .list {
    font-size: 12px;
    /*	font-family:"¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;*/
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    text-align: left;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area > section .horizontable .inner .list li {
    margin-right: 1em;
    margin-bottom: 0;
    display: inline-block;
  }

  #contents-area > section .horizontable .inner .list li::before {
    color: #45a550;
    font-size: 0.77em;
    content: "¡ö";
    padding: 0 0.2em 0.2em 0;
    vertical-align: middle;
    display: inline-block;
  }

  /* linkbanner */

  #contents-area .linkbanner {
    margin: 30px 20px 0;
  }

  #contents-area .linkbanner li {
    width: 50%;
    padding-right: 5px;
    margin-top: 10px;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area .linkbanner li:nth-child(even) {
    padding-left: 5px;
    margin-right: 0;
    padding-right: 0;
  }

  #contents-area .linkbanner li:nth-child(1),
  #contents-area .linkbanner li:nth-child(2) {
    margin-top: 0;
  }

  #contents-area .linkbanner li a {
    color: #373637;
    width: 100%;
    padding: 15px 20px 15px 15px;
    background: #eeeeee url(../../common/img/ico_arrow_green.svg) right 10px center no-repeat;
    background-size: 5px auto;
    vertical-align: middle;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
  }
  #contents-area .linkbanner li a.active_btn {
    color: #fff;
    background: #45a550 url(../../common/img/ico_arrow_white.svg) right 10px center no-repeat;
    background-size: 5px auto;
  }

  #contents-area .banner-contents article ul {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    padding: 20px;
  }

  #contents-area .banner-contents article ul li {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
  #contents-area .banner-contents article ul li img {
    height: auto;
    width: 100%;
  }

  /* style-news */

  #contents-area .style-news {
    padding: 35px 0 35px;
    margin-bottom: 35px;
    background-color: #f0f0f0;
  }

  #contents-area .style-news h2 {
    color: #373637;
    font-size: 18px;
    margin: 0;
    line-height: 1em;
  }

  #contents-area .style-news h2::after {
    width: 23px;
    height: 2px;
    background-color: #45a550;
    content: "";
    margin: 15px auto 0;
    display: block;
  }

  #contents-area .style-news .en {
    color: #373637;
    font-size: 13px;
    font-family: "Arvo", "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 0.4em;
    letter-spacing: 0.1em;
    line-height: 1em;
  }

  #contents-area .style-news .en::after {
    width: 15px;
    height: 2px;
    background-color: #45a550;
    content: "";
    margin: 10px auto 0;
    display: block;
  }

  #contents-area .style-news .inner {
    width: auto;
    margin: 0 0 0;
    padding-top: 20px;
  }

  #contents-area .style-news article {
    margin: 10px 20px 0 20px;
    border-bottom: 1px solid #373637;
  }

  #contents-area .style-news article:first-child {
    border-top: 1px solid #373637;
  }

  #contents-area .style-news article a {
    padding: 15px 0;
    background: url(/common/img/ico_arrow_navy.svg) right center no-repeat;
    background-size: 10px auto;
    display: block;
  }

  #contents-area .style-news article .date {
    color: #373637;
    font-size: 14px;
    width: 100px;
    padding-right: 15px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #contents-area .style-news article .cat {
    color: #fff;
    font-size: 13px;
    padding: 3px 5px 2px;
    background-color: #45a550;
    text-align: center;
    line-height: 1.2em;
    vertical-align: middle;
    display: table-cell;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*#contents-area .style-news article:nth-child(even) .cat {
	background-color:#425698;
}
*/
  #contents-area .style-news article h3 {
    color: #373637;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 20px 0 5px;
    text-align: left;
    line-height: 1em;
  }

  #contents-area .style-news .bt {
    margin-top: 30px !important;
  }

  #contents-area .style-news .bt a {
    color: #373637;
    font-size: 14px;
    font-weight: bold;
    padding: 13px 30px 10px;
    background: #fff url("/common/img/ico_arrow_navy.svg") right 20px center no-repeat;
    background-size: 12px auto;
    border: 1px solid #373637;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    display: inline-block;
    min-width: 250px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* color */
  #contents-area .style-news.c-pink article a {
    padding: 15px 0;
    background: url(/common/img/ico_arrow_c_pink.svg) right center no-repeat;
    background-size: 10px auto;
    display: block;
  }
  #contents-area .style-news.c-blue article a {
    padding: 15px 0;
    background: url(/common/img/ico_arrow_c_blue.svg) right center no-repeat;
    background-size: 10px auto;
    display: block;
  }
  #contents-area .style-news.c-green article a {
    padding: 15px 0;
    background: url(/common/img/ico_arrow_c_green.svg) right center no-repeat;
    background-size: 10px auto;
    display: block;
  }
  #contents-area .style-news.c-yellow article a {
    padding: 15px 0;
    background: url(/common/img/ico_arrow_c_yellow.svg) right center no-repeat;
    background-size: 10px auto;
    display: block;
  }
  #contents-area .style-news.c-orange article a {
    padding: 15px 0;
    background: url(/common/img/ico_arrow_c_orange.svg) right center no-repeat;
    background-size: 10px auto;
    display: block;
  }
  #contents-area .style-news.c-red article a {
    padding: 15px 0;
    background: url(/common/img/ico_arrow_c_red.svg) right center no-repeat;
    background-size: 10px auto;
    display: block;
  }
  #contents-area .style-news.c-purple article a {
    padding: 15px 0;
    background: url(/common/img/ico_arrow_c_purple.svg) right center no-repeat;
    background-size: 10px auto;
    display: block;
  }

  #contents-area section .section-inner .sns_sharer {
    padding: 10px 0;
  }

  #contents-area section .section-inner .sns_sharer p {
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0 10px 0;
  }

  #contents-area section .section-inner .sns_sharer ul {
    display: flex;
  }

  #contents-area section .section-inner .sns_sharer ul li {
    margin-right: 10px;
  }

  #contents-area section .section-inner .sns_sharer ul li a img {
    width: 38px;
    height: 38px;
  }
}

.bt3 {
  margin-top: 60px !important;
  text-align: center !important;
}
.bt2 {
  margin-top: 27px !important;
  text-align: left !important;
}

.bt2 a,
.personnelinfoLink li {
  color: #373637;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 40px 4px;
  background: #fff url(../img/ico_button.svg) right center no-repeat;
  background-size: 30px auto;
  border: 1px solid #373637;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 3px;
  display: inline-block;
  margin: 0 5px 0 0;
}

.personnelinfoLink li {
  float: left;
  margin-top: 10px;
}
.personnelinfoLink:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.bt3 a {
  color: #373637;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 55px 8px;
  background: #fff url(../img/ico_button.svg) right center no-repeat;
  background-size: 30px auto;
  border: 1px solid #373637;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  display: inline-block;
}

/* *****************************************************************************
   ¥¹¥Þ©`¥È¥Õ¥©¥óÓäΥ¹¥¿¥¤¥ëÓ›Êö
***************************************************************************** */
@media screen and (max-width: 769px) {
  .bt3 {
    margin-top: 30px !important;
    text-align: center !important;
  }

  .bt2,
  .personnelinfoLink li {
    font-size: 12px;
    background-size: 15px auto;
    margin-top: 20px !important;
    text-align: center !important;
    padding: 4px 20px 4px;
  }

  .personnelinfoLink li {
    float: none;
  }

  .bt2 a {
    width: 60%;
    display: block;
    margin-bottom: 0.8em;
  }
}
/*==========SEÓÃ=============*/
@media screen and (max-width: 321px) {
  .bt2,
  .personnelinfoLink li {
    font-size: 11px;
    background-size: 10px auto;
    margin-top: 30px !important;
    text-align: center !important;
    padding: 4px 15px 4px;
    margin: 0 10px 0 0;
  }

  #contents-area > section .linkbox.row6 .box {
    width: 31.1%;
    margin: 6px 6px 0 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
  }
}
/*==========SEÓýK¤ï¤ê=============*/

/* *****************************************************************************
   ѧȺŒŸ¹¥ÓÃ¥¹¥¿¥¤¥ë PC
***************************************************************************** */

#curriculum ul {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 45px;
}

.title-area {
  position: relative;
  width: 100%;
  background-color: #99abd1;
  text-align: center;
  padding: 36px 0px;
}

.title-area::after {
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  width: 22px;
  height: 16px;
  margin: 0 auto;
  content: "";
  background: url(/common/img/title_bottom_ico.svg) no-repeat;
  background-size: 22px auto;
  display: block;
}

.title-area h2 {
  color: #fff;
  font-size: 30px;
  width: 100%;
  height: 140px;
  margin: 0 auto;
  text-align: center;
}
.title-area h2::after {
  content: "";
  width: 30px;
  height: 2px;
  margin: 8px auto 0;
  background-color: #45a550;
  display: block;
}

/* about */

#about {
  position: relative;
  padding: 40px 0;
  background: #ddff00;
  background-size: auto 156px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#about::after {
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  width: 22px;
  height: 16px;
  margin: 0 auto;
  content: "";
  background: url(/common/img/top_about_bottom.svg) no-repeat;
  background-size: 22px auto;
  display: block;
}

#about h2 {
  color: #fff;
  font-size: 40px;
  font-family: "Roboto", "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
  line-height: 1em;
  letter-spacing: 0.2em;
  text-shadow: 1px 1px 0 #323c64, -1px 1px 0 #323c64, 1px -1px 0 #323c64, -1px -1px 0 #323c64;
}

#about .jp {
  color: #373637;
  font-size: 18px;
  font-weight: bold;
  margin-top: 0.7em;
  letter-spacing: normal;
  line-height: 1em;
}

#about .jp::after {
  width: 30px;
  height: 2px;
  background-color: #bbe700;
  content: "";
  margin: 15px auto 0;
  display: block;
}

#about ul {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding-top: 40px;
}

#about ul li {
  position: relative;
  width: 25%;
  margin: 0 0 0 0;
  float: left;
}

#about ul li::before {
  content: "";
  padding-top: 91.43%;
  display: block;
}

#about ul li a {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  display: block;
}

#about ul li a:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

#about ul li a .en {
  position: relative;
  top: 23%;
  font-size: 1.1em;
  font-weight: bold;
  font-family: "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
  margin: 0.1em 0 0 0;
  line-height: 1.2em;
  display: block;
  z-index: 99;
}

#about ul li a .en img {
  width: 48.57%;
  height: auto;
}

#about ul li a .tit {
  position: relative;
  top: 25%;
  font-size: 22px;
  font-weight: bold;
  z-index: 99;
  display: block;
}

#about ul li a .tit::after {
  width: 30px;
  height: 2px;
  background-color: #ddff00;
  content: "";
  margin: 10px auto 0;
  display: block;
}

#about ul li a .text {
  position: relative;
  top: 32%;
  font-size: 14px;
  margin: 0 15%;
  text-align: left;
  z-index: 99;
  display: block;
  line-height: 1.2em;
}

#about ul li a .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

#about ul li a .bg img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  margin: -8.8% 0 0 -19.5%;
  max-width: inherit !important;
}

#about ul li:hover a .bg img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* *****************************************************************************
   ѧȺŒŸ¹¥Ò»ÓE
***************************************************************************** */
@media screen and (min-width: 769px), print {
  .title-area h2.title-area_sub {
    height: auto;
    margin-bottom: 15px;
    color: #10193a;
  }
  .title-area h2.title-area_sub + p {
    font-size: 1.1em;
    font-weight: bold;
  }
  #contents-area > section .pad_t0 {
    padding-top: 0;
  }
  #contents-area > section .department-list_item .box .img {
    border-bottom: none;
  }
  #contents-area > section .department-list_item .box:not(:last-child) .img {
    border-right: 1px solid #fff;
  }
  #contents-area > section .department-list_item .box .title {
    background-color: #88abda;
    color: #fff;
  }
  #contents-area > section .department-list_item .box:not(:last-child) .title,
  #contents-area > section .department-list_item .box:not(:last-child) .list {
    border-right: 1px solid #fff;
  }
  #contents-area > section .department-list_item .box .list {
    background-color: #c7d5ed;
    margin-top: 0;
    padding: 20px;
    box-sizing: border-box;
    min-height: 160px;
    text-align: justify;
  }

  #contents-area > section .department-list_item.row4 .box {
    width: 250px;
    margin: 13.33px 0 0 0;
  }

  .section_block {
    margin-top: 80px;
  }

  #contents-area > section .department-list_ex .verticalbox {
    padding-top: 30px;
  }
  #contents-area > section .department-list_ex .verticalbox .img {
    border: 3px solid #ed8599;
    width: 220px;
    border-radius: 220px;
    margin: auto;
  }
  #contents-area > section .department-list_ex .verticalbox .img img {
    width: 100%;
    height: 220px;
    border-radius: 220px;
  }
  #contents-area > section .department-list_ex .verticalbox .title {
    line-height: 1.2;
  }
  #contents-area > section .department-list_ex .verticalbox .text {
    margin-top: 20px;
    text-align: justify;
  }
  .department-list_box {
    border: 1px solid #ed8599;
    margin-top: 20px;
  }
  .department-list_box dt {
    font-weight: bold;
    color: #ed8599;
    text-align: left;
    padding: 4px;
    box-sizing: border-box;
    font-size: 1.1em;
    line-height: 1.3;
  }
  .department-list_box dt:before {
    content: "Ö÷Òª¿ÆÄ¿";
    background-color: #ed8599;
    color: #fff;
    padding: 20px 10px;
    min-height: 60px;
    min-width: 60px;
    margin-bottom: 4px;
    box-sizing: border-box;
    display: block;
    font-weight: normal;
    font-size: 0.9em;
    float: left;
    margin-right: 15px;
  }
  .department-list_box dd {
    padding: 15px;
    box-sizing: border-box;
    border-top: 1px solid #ed8599;
    margin-top: 0;
    clear: both;
  }
  #contents-area > section .verticalbox .box .department-list_box .text {
    margin-top: 0;
  }

  #about.department-list_action {
    background-color: #eeeeee;
  }

  #contents-area > section.pad_b0 {
    padding-bottom: 0;
  }

  #about.department-list_action .subtitle {
  }
  #about.department-list_action h2 {
    font-size: 30px;
    font-weight: bold;
    margin: 25px 0 35px;
    line-height: 1em;
    color: #373637;
    font-family: "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    text-shadow: none;
  }
  #contents-area > section .section-inner p.tac {
    text-align: center;
  }
  #about.department-list_action ul li a .tit {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .bt.bt-type_sq a {
    padding: 20px 55px 18px;
    border-radius: 0;
  }

  #contents-area .departmentmain .content {
    float: left;
    padding-top: 50px;
  }

  #contents-area .departmentmain .content h2.title {
    background: #fff;
    padding: 30px 20px;
    font-size: 32px;
    font-weight: normal;
  }

  #contents-area .departmentmain .content p {
    font-size: 18px;
  }

  #contents-area .departmentmain .content p.text {
    font-size: 29px;
  }

  #contents-area .departmentmain .content h3 {
    margin-top: 40px;
    border-radius: 31px;
    font-size: 21px;
    padding: 7px 20px;
    width: 203px;
    text-align: center;
    color: #fff;
    font-weight: normal;
  }

  .department-matching {
    min-height: 400px;
    text-align: left;
    position: relative;
  }
  .department-matching_right {
    background: url(/department_html/image/matching01.png) no-repeat right;
    background-size: contain;
  }
  .department-matching_left {
    background: url(/department_html/image/matching02.png) no-repeat left;
    background-size: contain;
  }

  .department-matching_right2 {
    background: url(/department_html/image/license01.png) no-repeat right;
    background-size: contain;
  }
  .department-matching_inner h2 {
    font-size: 2em;
  }
  .department-matching_inner h2:after {
    width: 50px;
    height: 2px;
    background-color: #45a550;
    content: "";
    margin: 15px 0 0;
    display: block;
  }
  .department-matching_inner {
    width: 336px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .department-matching_left .section-inner {
    position: relative;
    min-height: 400px;
  }
  .department-matching_left .department-matching_inner {
    right: 0;
  }
  .department-matching_inner .bt.bt-type_sq {
    margin-top: 30px !important;
    /*		text-align: left !important;*/
  }
  #contents-area > section .linkbox.department-list_item .box .list {
    background-image: none;
  }

  /*/// 4Äêég¤ÎÁ÷¤ì ///////////////////*/
  #contents-area > section .accbox .overview_text {
    padding: 20px;
    text-align: left;
    background-color: #fff;
    font-size: 1.05em;
  }

  #contents-area > section .accbox .accbox_slide h4 {
    margin-top: 20px;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
  }

  #contents-area > section .accbox .accbox_slide .middle_item dt {
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 10px;
    width: 80px;
    font-weight: bold;
  }

  #contents-area > section .accbox .accbox_slide .middle_item dd {
    background-color: #fff;
    padding: 20px;
    margin: 10px;
    font-size: 1.05em;
    text-align: left;
  }

  #contents-area > #liberalarts_4years .accbox .overview_text {
    border: 1px solid #bca8c5;
  }

  #contents-area > #liberalarts_4years .accbox .accbox_slide h4,
  #contents-area > #liberalarts_4years .accbox .accbox_slide .middle_item dt {
    background-color: #bca8c5;
  }

  #contents-area > #keizai_4years .accbox .overview_text {
    border: 1px solid #f8b73d;
  }

  #contents-area > #keizai_4years .accbox .accbox_slide h4,
  #contents-area > #keizai_4years .accbox .accbox_slide .middle_item dt {
    background-color: #f8b73d;
  }

  #contents-area > #sousei_4years .accbox .overview_text {
    border: 1px solid #00a0e9;
  }

  #contents-area > #sousei_4years .accbox .accbox_slide h4,
  #contents-area > #sousei_4years .accbox .accbox_slide .middle_item dt {
    background-color: #00a0e9;
  }

  #contents-area > #keiei_4years .accbox .overview_text {
    border: 1px solid #f092ae;
  }

  #contents-area > #keiei_4years .accbox .accbox_slide h4,
  #contents-area > #keiei_4years .accbox .accbox_slide .middle_item dt {
    background-color: #f092ae;
  }

  #contents-area > #hougaku_4years .accbox .overview_text {
    border: 1px solid #a1b194;
  }

  #contents-area > #hougaku_4years .accbox .accbox_slide h4,
  #contents-area > #hougaku_4years .accbox .accbox_slide .middle_item dt {
    background-color: #a1b194;
  }

  #contents-area > #seiji_4years .accbox .overview_text {
    border: 1px solid #ea5504;
  }

  #contents-area > #seiji_4years .accbox .accbox_slide h4,
  #contents-area > #seiji_4years .accbox .accbox_slide .middle_item dt {
    background-color: #ea5504;
  }

  #contents-area > #english_4years .accbox .overview_text {
    border: 1px solid #7484c1;
  }

  #contents-area > #english_4years .accbox .accbox_slide h4,
  #contents-area > #english_4years .accbox .accbox_slide .middle_item dt {
    background-color: #7484c1;
  }

  #contents-area > #russian_4years .accbox .overview_text {
    border: 1px solid #67b5b7;
  }

  #contents-area > #russian_4years .accbox .accbox_slide h4,
  #contents-area > #russian_4years .accbox .accbox_slide .middle_item dt {
    background-color: #67b5b7;
  }

  #contents-area > #history_4years .accbox .overview_text {
    border: 1px solid #b19161;
  }

  #contents-area > #history_4years .accbox .accbox_slide h4,
  #contents-area > #history_4years .accbox .accbox_slide .middle_item dt {
    background-color: #b19161;
  }

  #contents-area > #japanese_4years .accbox .overview_text {
    border: 1px solid #ec6d5e;
  }

  #contents-area > #japanese_4years .accbox .accbox_slide h4,
  #contents-area > #japanese_4years .accbox .accbox_slide .middle_item dt {
    background-color: #ec6d5e;
  }

  #contents-area > #chinese_4years .accbox .overview_text {
    border: 1px solid #c09b0f;
  }

  #contents-area > #chinese_4years .accbox .accbox_slide h4,
  #contents-area > #chinese_4years .accbox .accbox_slide .middle_item dt {
    background-color: #c09b0f;
  }

  #contents-area > #communication_4years .accbox .overview_text {
    border: 1px solid #e4007f;
  }

  #contents-area > #communication_4years .accbox .accbox_slide h4,
  #contents-area > #communication_4years .accbox .accbox_slide .middle_item dt {
    background-color: #e4007f;
  }

  #contents-area > #sports_4years .accbox .overview_text {
    border: 1px solid #70b057;
  }

  #contents-area > #sports_4years .accbox .accbox_slide h4,
  #contents-area > #sports_4years .accbox .accbox_slide .middle_item dt {
    background-color: #70b057;
  }
}

/*///¤³¤³¤«¤é¥¹¥Þ¥Û///////////////////*/

@media screen and (max-width: 769px) {
  #curriculum ul {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 45px;
  }

  .title-area {
    position: relative;
    width: 100%;
    background-color: #99abd1;
    text-align: center;
    padding: 36px 0px;
  }

  .title-area::after {
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    width: 22px;
    height: 16px;
    margin: 0 auto;
    content: "";
    background: url(/common/img/title_bottom_ico.svg) no-repeat;
    background-size: 22px auto;
    display: block;
  }

  .title-area h2 {
    color: #fff;
    font-size: 30px;
    width: 100%;
    height: 140px;
    margin: 0 auto;
    text-align: center;
  }
  .title-area h2::after {
    content: "";
    width: 30px;
    height: 2px;
    margin: 8px auto 0;
    background-color: #45a550;
    display: block;
  }

  .title-area h2.title-area_sub {
    height: auto;
    margin-bottom: 15px;
    color: #10193a;
    font-size: 16px;
  }
  .title-area h2.title-area_sub + p {
    font-size: 1em;
    font-weight: bold;
    padding: 0 20px;
  }
  #contents-area > section .pad_t0 {
    padding-top: 0;
    margin: 0;
  }
  #contents-area > section .department-list_item .box .img {
    border-bottom: none;
    border-right: 1px solid #fff;
  }
  #contents-area > section .department-list_item .box .title {
    background-color: #88abda;
    color: #fff;
  }
  #contents-area > section .department-list_item .box:not(:last-child) .title,
  #contents-area > section .department-list_item .box:not(:last-child) .list {
    border-right: 1px solid #fff;
  }
  #contents-area > section .department-list_item .box .list {
    background-color: #c7d5ed;
    margin-top: 0;
    padding: 20px;
    box-sizing: border-box;
    /*min-height: 160px;*/
    text-align: justify;
  }

  #contents-area > section .department-list_item.row4 .box {
    width: 100%;
    /*height: 384px !important;*/
    margin: 13.33px 0 0 0;
  }

  .section_block:not(.department-list_ex, .department-list_action) {
    margin-top: 80px;
  }

  #contents-area > section .department-list_ex .verticalbox {
    padding-top: 30px;
  }

  #contents-area > section .department-list_ex .verticalbox.row3 .box {
    width: 100%;
    margin: 0;
    padding: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    /*height: 600px !important;*/
  }
  #contents-area > section .department-list_ex .verticalbox .img {
    border: 3px solid #ed8599;
    width: 220px;
    border-radius: 220px;
    margin: auto;
  }
  #contents-area > section .department-list_ex .verticalbox .img img {
    width: 100%;
    height: 220px;
    border-radius: 220px;
  }
  #contents-area > section .department-list_ex .verticalbox .title {
    line-height: 1.2;
  }
  #contents-area > section .department-list_ex .verticalbox .text {
    margin-top: 20px;
    text-align: justify;
  }
  .department-list_box {
    border: 1px solid #ed8599;
    margin-top: 20px;
  }
  .department-list_box dt {
    font-weight: bold;
    color: #ed8599;
    text-align: left;
    padding: 4px;
    box-sizing: border-box;
    font-size: 1.1em;
    line-height: 1.3;
  }
  .department-list_box dt:before {
    content: "Ö÷Òª¿ÆÄ¿";
    background-color: #ed8599;
    color: #fff;
    padding: 20px 10px;
    min-height: 60px;
    min-width: 60px;
    margin-bottom: 4px;
    box-sizing: border-box;
    display: block;
    font-weight: normal;
    font-size: 0.9em;
    float: left;
    margin-right: 15px;
  }
  .department-list_box dd {
    padding: 15px;
    box-sizing: border-box;
    border-top: 1px solid #ed8599;
    margin-top: 0;
    clear: both;
  }
  #contents-area > section .verticalbox .box .department-list_box .text {
    margin-top: 0;
  }

  #about.department-list_action {
    background-color: #eeeeee;
  }
  #contents-area > section.pad_b0 {
    padding-bottom: 0;
  }

  #about.department-list_action .subtitle {
  }
  #about.department-list_action h2 {
    font-size: 30px;
    font-weight: bold;
    margin: 25px 0 35px;
    line-height: 1em;
    color: #373637;
    font-family: "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    text-shadow: none;
  }
  #contents-area > section .section-inner p.tac {
    text-align: center;
  }

  #about.department-list_action ul li {
    position: relative;
    width: 100%;
    margin: 20px 0 0 0;
    float: left;
  }

  #about ul li::before {
    content: "";
    padding-top: 65%;
    display: block;
  }

  #about.department-list_action ul li a .tit {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .bt.bt-type_sq a {
    padding: 20px 55px 18px;
    border-radius: 0;
  }

  #contents-area .departmentmain .content {
    float: left;
    padding-top: 50px;
  }

  #contents-area .departmentmain .content h2.title {
    background: #fff;
    padding: 10px 0px;
    font-size: 16px;
    font-weight: bold;
  }

  #contents-area .departmentmain .content p {
    font-size: 14px;
  }

  #contents-area .departmentmain .content p.text {
    font-size: 16px;
  }

  #contents-area .departmentmain .content h3 {
    margin-top: 15px;
    border-radius: 31px;
    font-size: 14px;
    padding: 5px;
    width: 170px;
    text-align: center;
    color: #fff;
    font-weight: normal;
  }

  .department-matching {
    min-height: 230px;
    text-align: left;
    position: relative;
  }
  .department-matching_right {
    background: url(/department_html/image/matching01.png) no-repeat right;
    background-size: contain;
  }

  .department-matching_left {
    background: url(/department_html/image/matching02.png) no-repeat left;
    background-size: contain;
  }

  .department-matching_inner h2.subtitle {
    font-size: 2em;
  }
  .department-matching_inner h2:after {
    width: 50px;
    height: 2px;
    background-color: #45a550;
    content: "";
    margin: 15px 0 0;
    display: block;
  }
  .department-matching_inner {
    width: 300px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  /*	.department-matching_left .section-inner{
		position: relative;
		min-height: 400px;
	}*/
  /*	.department-matching_left .department-matching_inner{
		right: 0;
	}*/
  .department-matching_inner .bt.bt-type_sq {
    margin-top: 15px !important;
    /*		text-align: left !important;*/
  }
  #contents-area > section .linkbox.department-list_item .box .list {
    background-image: none;
  }

  #contents-area > section .accbox .overview_text {
    padding: 20px;
    text-align: left;
    background-color: #fff;
    font-size: 1.05em;
  }

  #contents-area > section .accbox .accbox_slide h4 {
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
  }

  #contents-area > section .accbox .accbox_slide .middle_item dt {
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin: 10px;
    width: 80px;
    font-weight: bold;
  }

  #contents-area > section .accbox .accbox_slide .middle_item dd {
    background-color: #fff;
    padding: 20px;
    margin: 10px;
    font-size: 1em;
    text-align: left;
  }

  #contents-area > #liberalarts_4years .accbox .overview_text {
    border: 1px solid #bca8c5;
  }

  #contents-area > #liberalarts_4years .accbox .accbox_slide h4,
  #contents-area > #liberalarts_4years .accbox .accbox_slide .middle_item dt {
    background-color: #bca8c5;
  }

  #contents-area > #keizai_4years .accbox .overview_text {
    border: 1px solid #f8b73d;
  }

  #contents-area > #keizai_4years .accbox .accbox_slide h4,
  #contents-area > #keizai_4years .accbox .accbox_slide .middle_item dt {
    background-color: #f8b73d;
  }

  #contents-area > #sousei_4years .accbox .overview_text {
    border: 1px solid #00a0e9;
  }

  #contents-area > #sousei_4years .accbox .accbox_slide h4,
  #contents-area > #sousei_4years .accbox .accbox_slide .middle_item dt {
    background-color: #00a0e9;
  }

  #contents-area > #keiei_4years .accbox .overview_text {
    border: 1px solid #f092ae;
  }

  #contents-area > #keiei_4years .accbox .accbox_slide h4,
  #contents-area > #keiei_4years .accbox .accbox_slide .middle_item dt {
    background-color: #f092ae;
  }

  #contents-area > #hougaku_4years .accbox .overview_text {
    border: 1px solid #a1b194;
  }

  #contents-area > #hougaku_4years .accbox .accbox_slide h4,
  #contents-area > #hougaku_4years .accbox .accbox_slide .middle_item dt {
    background-color: #a1b194;
  }

  #contents-area > #seiji_4years .accbox .overview_text {
    border: 1px solid #ea5504;
  }

  #contents-area > #seiji_4years .accbox .accbox_slide h4,
  #contents-area > #seiji_4years .accbox .accbox_slide .middle_item dt {
    background-color: #ea5504;
  }

  #contents-area > #english_4years .accbox .overview_text {
    border: 1px solid #7484c1;
  }

  #contents-area > #english_4years .accbox .accbox_slide h4,
  #contents-area > #english_4years .accbox .accbox_slide .middle_item dt {
    background-color: #7484c1;
  }

  #contents-area > #russian_4years .accbox .overview_text {
    border: 1px solid #67b5b7;
  }

  #contents-area > #russian_4years .accbox .accbox_slide h4,
  #contents-area > #russian_4years .accbox .accbox_slide .middle_item dt {
    background-color: #67b5b7;
  }

  #contents-area > #history_4years .accbox .overview_text {
    border: 1px solid #b19161;
  }

  #contents-area > #history_4years .accbox .accbox_slide h4,
  #contents-area > #history_4years .accbox .accbox_slide .middle_item dt {
    background-color: #b19161;
  }

  #contents-area > #japanese_4years .accbox .overview_text {
    border: 1px solid #ec6d5e;
  }

  #contents-area > #japanese_4years .accbox .accbox_slide h4,
  #contents-area > #japanese_4years .accbox .accbox_slide .middle_item dt {
    background-color: #ec6d5e;
  }

  #contents-area > #chinese_4years .accbox .overview_text {
    border: 1px solid #c09b0f;
  }

  #contents-area > #chinese_4years .accbox .accbox_slide h4,
  #contents-area > #chinese_4years .accbox .accbox_slide .middle_item dt {
    background-color: #c09b0f;
  }

  #contents-area > #communication_4years .accbox .overview_text {
    border: 1px solid #e4007f;
  }

  #contents-area > #communication_4years .accbox .accbox_slide h4,
  #contents-area > #communication_4years .accbox .accbox_slide .middle_item dt {
    background-color: #e4007f;
  }

  #contents-area > #sports_4years .accbox .overview_text {
    border: 1px solid #70b057;
  }

  #contents-area > #sports_4years .accbox .accbox_slide h4,
  #contents-area > #sports_4years .accbox .accbox_slide .middle_item dt {
    background-color: #70b057;
  }
}

@media screen and (max-width: 415px) {
  .department-matching {
    margin-top: 0px !important;
  }

  .department-matching_right {
    background: url(/department_html/image/matching01_sp.jpg) no-repeat left;
    background-size: contain;
  }
  .department-matching_right2 {
    background: url(/department_html/image/license01_sp.jpg) no-repeat left;
    background-size: contain;
    margin: 0 0 130px 0 !important;
  }

  .department-matching_left {
    background: url(/department_html/image/matching02_sp.jpg) no-repeat left;
    background-size: contain;
    margin: 90px 0 130px 0 !important;
  }

  .department-matching_inner {
    width: 90% !important;
    position: absolute;
    top: 64%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .department-matching_inner .bt.bt-type_sq a {
    padding: 20px 35px 18px;
    border-radius: 0;
  }

  #contents-area > section .section-inner .department-matching_inner p {
    /*		font-size:12px;*/
    margin-top: 255px;
    text-align: left;
  }

  .department-matching_inner .bt.bt-type_sq {
    margin-top: 15px !important;
    /*		text-align: left !important;*/
  }

  #contents-area > section .section-inner .department-matching_inner .subtitle {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 0;
    line-height: 1em;
    text-align: center;
  }

  .department-matching {
    position: relative;
    min-height: 400px;
    text-align: left;
  }
}

@media screen and (max-width: 321px) {
  .department-matching_right {
    background: url(/department_html/image/matching01_sp.jpg) no-repeat right;
    background-size: contain;
  }

  .department-matching_left {
    background: url(/department_html/image/matching02_sp.jpg) no-repeat left;
    background-size: contain;
    margin: 60px 0 130px 0 !important;
  }

  .department-matching_inner {
    width: 280px !important;
    position: absolute;
    top: 64%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .department-matching_inner .bt.bt-type_sq a {
    padding: 20px 35px 18px;
    border-radius: 0;
  }

  #contents-area > section .section-inner .department-matching_inner p {
    font-size: 13px;
    margin-top: 210px;
    text-align: left;
  }
  .department-matching_inner .bt.bt-type_sq {
    margin-top: 15px !important;
    /*		text-align: left !important;*/
  }

  #contents-area > section .section-inner .department-matching_inner .subtitle {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 0;
    line-height: 1em;
    text-align: center;
  }

  .department-matching {
    min-height: 400px;
    text-align: left;
    position: relative;
  }

  #contents-area > section .accbox dt.title {
    width: 80px;
    background: #373637;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid #373637;
    padding: 10px 0 !important;
  }

  #contents-area > section .accbox .detail {
    flex: 1;
    text-align: left;
    font-size: 0.9em;
    height: 50px;
    display: flex;
    align-items: center;
    color: #373637;
    border: 1px solid #373637;
    background: url(/common/img/ico_arrow2.svg) right center no-repeat;
    background-size: 17px auto;
    padding: 10px 20px !important;
  }
}

@media all and (-ms-high-contrast: none) {
  #contents-area > section .department-list_item .box .img {
    overflow: hidden !important;
  }
  #contents-area > section .department-list_item .box .img img {
    width: 100%;
  }
}

/*ºÏ¸ñ°k±í*/
@media screen and (min-width: 769px), print {
  .numer .number {
    width: 800px;
    display: inline-block !important;
    border-left: 1px solid #ccc;
    margin: 30px 0;
  }
  .numer h3 {
    background-color: #ccd5e8;
  }

  .numer ul {
    zoom: 1;
  }
  .numer ul li {
    float: left;
    width: 78px;
    padding: 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: -1px;
  }
}
@media screen and (max-width: 769px) {
  .numer .number {
    width: 100%;
    display: inline-block !important;
    border-left: 1px solid #ccc;
    margin: 30px 0;
  }
  .numer h3 {
    background-color: #ccd5e8;
  }
  .numer ul {
    zoom: 1;
  }

  .numer ul li {
    width: 17.4%;
    min-width: 35px !important;
  }
  .numer ul li {
    float: left;
    padding: 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: -1px;
  }
}

.serch .breadcrumb {
  max-width: 1000px;
  margin: 0 auto 0 auto;
  text-align: left;
}

.serch .breadcrumb li {
  display: inline-block;
}

.serch .breadcrumb li::after {
  content: "£¾";
  display: inline-block;
}

.serch .breadcrumb li:last-child::after {
  content: "";
  display: none;
}
/* —ÊË÷½Y¹û */
@media screen and (min-width: 769px) {
  .serch {
    text-align: left;
    width: 960px;
    margin: 20px auto;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
  }
  .serch h2 {
    font-size: 16px;
  }
}

@media screen and (max-width: 769px) {
  .serch {
    text-align: left;
    width: 90%;
    margin: 20px auto;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
  }
  .serch h2 {
    font-size: 14px;
  }
}
/* ¥Ë¥å©`¥¹ */
@media screen and (min-width: 769px) {
  .contentNav li {
    border-right: 1px solid #000000;
    float: left;
    line-height: 1;
    margin: 5px 10px 0 0;
    padding: 0 10px 0 0;
  }
  .contentNav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 13px;
  }
}
@media screen and (max-width: 769px) {
  .contentNav li {
    border-right: 1px solid #000000;
    float: left;
    line-height: 1;
    margin: 5px 10px 0 0;
    padding: 0 10px 0 0;
  }
}

/* ¾tºÏÑо¿Ëù */
@media screen and (min-width: 769px) {
  #contents-area > section#outline .flex_box {
    margin: 0 auto 0;
  }
  #contents-area > section#outline .flex_box .subtitle {
    margin: 0 auto;
    font-size: 20px;
  }
  #contents-area > section#outline .section-inner .flex_box .subtitle::after {
    display: none;
  }
}

/* ¥Ú©`¥¸¥ó¥° */
.paging {
  padding-top: 50px;
  display: flex;
  justify-content: center;
  vertical-align: top;
}

.paging .inner {
  padding-top: 0 !important;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.paging a,
.paging span {
  font-size: 16px;
  min-width: 2em;
  margin: 0 3px 6px;
  padding: 3px 0px;
  background-color: #fff;
  display: inline-block;
}

.paging span {
  color: #fff;
  background-color: #d7d1ea;
}

@media screen and (max-width: 769px) {
  .paging {
    margin: 0 20px;
    padding-top: 36px;
  }

  .paging .inner {
    margin: 0 !important;
  }

  .paging a,
  .paging span {
    font-size: 13px;
  }
}

/* „Ó»­ */
.movie_wrap {
  position: relative;
  padding-bottom: 56.25%; /*¥¢¥¹¥Ú¥¯¥È±È 16:9¤ÎˆöºÏ¤Î¿k·ù*/
  height: 0;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 30px;
}
.movie_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ¥ê¥ó¥¯ */
.link_list li {
  text-align: left;
}
.link_list li + li {
  margin-top: 1em;
}
.link_list li a {
  text-decoration: underline;
}
.link_list li a[target="_blank"] {
  padding-right: 20px;
  position: relative;
}
.link_list li a[target="_blank"]:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 14px;
  background: url("/common/img/ico_outlink.svg") no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  top: 2px;
}

/* *****************************************************************************
   2023.02¡¡¥â¥¸¥å©`¥ë×·¼Ó
***************************************************************************** */
/* tabmenu */
#contents-area > section .tabmenu {
  width: 1200px;
  margin: 40px auto;
}
#contents-area > section .tab-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents-area > section .tab-select li {
  font-size: 1.07em;
  text-align: center;
  color: #373637;
  background: #d7d1ea;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 1em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#contents-area > section .tab-select li.tab-btn {
  cursor: pointer;
  user-select: none;
}
#contents-area > section .tab-select li.tab-btn > span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}
#contents-area > section .tab-select li.tab-btn > span:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("/common/img/ico_arrow_navy.svg") no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}
#contents-area > section .tab-select.tab-select_5 li {
  width: calc(100% / 5);
}
#contents-area > section .tab-select.tab-select_4 li {
  width: calc(100% / 4);
}
#contents-area > section .tab-select.tab-select_3 li {
  width: calc(100% / 3);
}
#contents-area > section .tab-select li.active {
  color: #fff;
  background: #373637;
  position: relative;
  z-index: 1;
}
#contents-area > section .tab-select li.tab-btn.active > span {
  padding-left: 0;
}
#contents-area > section .tab-select li.tab-btn.active > span:before {
  content: none;
}
#contents-area > section .tab-select li:first-child {
  border-left: none;
}
#contents-area > section .tab-select li:last-child {
  border-right: none;
}
#contents-area > section .tab-btn_link a {
  color: #fff !important;
  text-decoration: none;
}
#contents-area > section .tab-contents {
  display: none;
  font-size: 1.07em;
  text-align: left;
  background: #F8F7FA;
  border-top: 1px solid #fff;
  padding: 35px 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
#contents-area > section .tab-contents.active {
  display: block;
}
#contents-area > section .tab-contents .title,
#contents-area > section .accordion-contents .title {
  font-size: 1.29em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#contents-area > section .tab-contents ul li,
#contents-area > section .accordion-contents ul li {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}
#contents-area > section .tab-contents ul li:before,
#contents-area > section .accordion-contents ul li:before {
  content: "?";
}
#contents-area > section .tab-contents_col_4,
#contents-area > section .accordion-contents_col_4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contents-area > section .tab-contents_col_4 > .col-box,
#contents-area > section .accordion-contents_col_4 > .col-box {
  width: 22.5%;
  margin-right: calc((100% - (22.5% * 4)) / 3);
}
#contents-area > section .tab-contents_col_4 > .col-box:nth-child(4n),
#contents-area > section .accordion-contents_col_4 > .col-box:nth-child(4n) {
  margin-right: 0;
}
#contents-area > section .tab-contents .imgright,
#contents-area > section .accordion-contents .imgright {
  float: right;
}
#contents-area > section .tab-contents .imgright img,
#contents-area > section .accordion-contents .imgright img {
  margin: 0 0 25px 30px;
}
#contents-area > section .tabmenu .tab-select-index {
  display: none;
}
@media screen and (max-width: 769px) {
  /* tabmenu */
  #contents-area > section .tabmenu {
    width: auto;
    margin: 15px 20px;
  }
  #contents-area > section .tab-select {
    display: block;
  }
  #contents-area > section .tab-select li {
    font-size: 14px;
    text-align: left;
    color: #fff;
    background: #373637;
    border-top: 1px solid #f0f0f0;
    border-left: none;
    border-right: none;
  }
  #contents-area > section .tab-select li.tab-btn > span {
    display: inline-block;
    padding-left: 30px;
  }
  #contents-area > section .tab-select.tab-select_5 li,
  #contents-area > section .tab-select.tab-select_4 li,
  #contents-area > section .tab-select.tab-select_3 li {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #contents-area > section .tab-select li.active {
    color: #373637;
    background: #d7d1ea;
  }
  #contents-area > section .tab-select li.tab-btn.active > span {
    padding-left: 30px;
  }
  #contents-area > section .tab-contents {
    font-size: 14px;
    border-top: none;
    padding: 15px;
  }
  #contents-area > section .tab-contents .title,
  #contents-area > section .accordion-contents .title {
    font-size: 16px;
  }
  #contents-area > section .tab-contents_col_4,
  #contents-area > section .accordion-contents_col_4 {
    display: block;
  }
  #contents-area > section .tab-contents_col_4 > .col-box,
  #contents-area > section .accordion-contents_col_4 > .col-box {
    width: 100%;
    margin-right: 0;
    margin-top: 15px;
  }
  #contents-area > section .tab-contents_col_4 > .col-box:first-child,
  #contents-area > section .accordion-contents_col_4 > .col-box:first-child {
    margin-top: 0;
  }
  #contents-area > section .tab-contents .img-round-contents,
  #contents-area > section .accordion-contents .img-round-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  #contents-area > section .tab-contents .imgright,
  #contents-area > section .accordion-contents .imgright {
    float: none;
    text-align: center;
    margin-top: 20px;
  }
  #contents-area > section .tab-contents .imgright img,
  #contents-area > section .accordion-contents .imgright img {
    margin: 0;
  }
  #contents-area > section .tabmenu .tab-select-index {
    display: block;
    font-size: 14px;
    text-align: left;
    color: #fff;
    background: #373637;
    padding: 15px 20px 13px 50px;
    user-select: none;
    position: relative;
  }
  #contents-area > section .tabmenu .tab-select-index:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(/common/img/ico_arrow_white.svg) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #contents-area > section .tabmenu .tab-select-index.active:before {
    transform: translateY(-50%) rotate(-90deg);
  }
}

/* accordion */
#contents-area > section .accordion-panel {
  width: 1200px;
  margin: 20px auto;
}
#contents-area > section .accordion-btn {
  font-size: 1.07em;
  text-align: left;
  background: #fff;
  border: 1px solid #85519B;
  cursor: pointer;
  user-select: none;
  position: relative;
}
#contents-area > section .accordion-btn:before {
  content: "";
  display: inline-block;
  width: 46px;
  height: 100%;
  background: #85519B;
  position: absolute;
  left: 0;
  top: 0;
}
#contents-area > section .accordion-btn > span {
  display: block;
  font-size: 1.2em;
  padding: 15px 20px 13px 66px;
  position: relative;
}
#contents-area > section .accordion-btn > span:before,
#contents-area > section .accordion-btn > span:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 16px;
  top: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#contents-area > section .accordion-btn > span:after {
  transform: rotate(90deg);
}
#contents-area > section .accordion-btn.open > span:after {
  transform: rotate(0deg);
}
#contents-area > section .accordion-contents {
  font-size: 1.07em;
  text-align: left;
  background: #F8F7FA;
  /*border-top: 1px solid #fff;*/
  padding: 35px 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
#contents-area > section .accordion-panel_faq .accordion-btn > span:before {
  content: "Q";
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  width: auto;
  height: auto;
  color: #fff;
  background: none;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
#contents-area > section .accordion-panel_faq .accordion-btn > span:after {
  content: none;
}
#contents-area > section .accordion-panel_faq .accordion-btn > span:before {
  content: "Q";
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  width: auto;
  height: auto;
  color: #fff;
  background: none;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
#contents-area > section .accordion-panel_faq .accordion-btn > span:after {
  content: none;
}
#contents-area > section .accordion-panel_faq .accordion-contents {
  position: relative;
  padding-left: 65px;
}
#contents-area > section .accordion-panel_faq .accordion-contents:before {
  content: "A";
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  width: auto;
  height: auto;
  color: #85519B;
  background: none;
  position: absolute;
  left: 40px;
  top: 35px;
}
@media screen and (max-width: 769px) {
  #contents-area > section .accordion-panel {
    width: auto;
    margin: 15px 0px;
  }
  #contents-area > section .accordion-btn {
    font-size: 14px;
  }
  #contents-area > section .accordion-btn > span {
    font-size: 14px;
    padding: 10px 15px 8px 60px;
    line-height: 1.5;
  }
  #contents-area > section .accordion-contents {
    font-size: 14px;
    padding: 15px;
  }
  #contents-area > section .accordion-panel_faq .accordion-contents {
    padding-left: 46px;
  }
  #contents-area > section .accordion-panel_faq .accordion-contents:before {
    left: 16px;
    top: 15px;
  }
}

/* textbox */
#contents-area > section .textbox {
  width: 1200px;
  margin: 40px auto;
  border: 1px solid #373637;
  font-size: 1.07em;
  text-align: left;
  padding: 35px 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contents-area > section .textbox .title {
  font-size: 1.29em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 769px) {
  #contents-area > section .textbox {
    width: auto;
    margin: 20px 20px;
    font-size: 14px;
    padding: 15px;
  }
  #contents-area > section .textbox .title {
    font-size: 16px;
  }
}

/* emnumberbox */
#contents-area > section .emnumberbox {
  width: 1200px;
  margin: 40px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#contents-area > section .emnumberbox > .numberleft {
  width: 420px;
  text-align: left;
}
#contents-area > section .emnumberbox > .text {
  width: calc(100% - 420px);
  text-align: left;
  font-size: 1.07em;
}
#contents-area > section .emnumberbox .title {
  font-size: 1.4em;
  font-weight: bold;
}
#contents-area > section .emnumberbox .number {
  color: #45a550;
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-size: 134px;
  line-height: 1;
}
#contents-area > section .emnumberbox .number > span {
  font-size: 241px;
}
#contents-area > section .emnumberbox .cap {
  font-size: 0.923em;
}
@media screen and (max-width: 769px) {
  #contents-area > section .emnumberbox {
    width: auto;
    margin: 20px 20px;
    display: block;
  }
  #contents-area > section .emnumberbox > .numberleft {
    width: 100%;
  }
  #contents-area > section .emnumberbox > .text {
    width: 100%;
    font-size: 14px;
    margin-top: 1em;
  }
  #contents-area > section .emnumberbox .title {
    font-size: 16px;
  }
  #contents-area > section .emnumberbox .number {
    font-size: 80px;
  }
  #contents-area > section .emnumberbox .number > span {
    font-size: 175px;
  }
  #contents-area > section .emnumberbox .cap {
    font-size: 12px;
  }
}

/* basiclist */
#contents-area > section .basiclist {
  width: 1200px;
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contents-area > section .basiclist .col-box {
  width: 25%;
  padding: 25px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
#contents-area > section .basiclist .col-box .text {
  font-size: 1.07em;
  text-align: left;
}
#contents-area > section .basiclist .col-box .title {
  font-size: 1.15em;
  font-weight: bold;
}
#contents-area > section .basiclist .col-box .bt {
  margin-top: 25px !important;
}
#contents-area > section .basiclist .col-box .bt a {
  width: 100%;
  border-radius: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contents-area > section .basiclist .col-box:first-child:before,
#contents-area > section .basiclist .col-box:nth-child(4n + 1):before {
  content: "";
  display: inline-block;
  width: calc(100% * 4);
  height: 1px;
  background: #373637;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 769px) {
  #contents-area > section .basiclist {
    width: auto;
    margin: 10px 20px;
    padding-bottom: 23px;
    display: block;
    border-bottom: 1px solid #373637;
  }
  #contents-area > section .basiclist .col-box {
    width: 100%;
    padding: 12px 42.5px;
  }
  #contents-area > section .basiclist .col-box .text {
    font-size: 14px;
  }
  #contents-area > section .basiclist .col-box .title {
    font-size: 15px;
  }
  #contents-area > section .basiclist .col-box:first-child:before,
  #contents-area > section .basiclist .col-box:nth-child(4n + 1):before {
    content: none;
  }
  #contents-area > section .basiclist .col-box:nth-child(4n) {
    padding-bottom: 35px;
    margin-bottom: 10px;
  }
  #contents-area > section .basiclist .col-box:nth-child(4n):before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #373637;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

/* mainvisual */
#contents-area .mainvisual {
  width: 90%;
  margin: 30px auto;
}
#contents-area .mainvisual img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 769px) {
  #contents-area .mainvisual {
    width: 100%;
    margin: 0 auto;
  }
}

/* fill-linkbox */
#contents-area > section .fill-linkbox {
  width: 1200px;
  margin: 40px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contents-area > section .fill-linkbox_2 li {
  width: 49.17%;
  margin-right: calc((100% - (49.17% * 2)) / 1);
}
#contents-area > section .fill-linkbox_2 li:nth-child(2n) {
  margin-right: 0;
}
#contents-area > section .fill-linkbox_3 li {
  width: 32.17%;
  margin-right: calc((100% - (32.17% * 3)) / 2);
}
#contents-area > section .fill-linkbox_3 li:nth-child(3n) {
  margin-right: 0;
}
#contents-area > section .fill-linkbox li {
  margin-top: 12px;
  margin-bottom: 12px;
}
#contents-area > section .fill-linkbox li a {
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  min-height: 100px;
  padding: 0 35px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
#contents-area > section .fill-linkbox li a:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("/common/img/ico_arrow_white.svg") no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
#contents-area > section .fill-linkbox a span.icon {
  width: 80px;
  height: auto;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

/* color */
#contents-area > section .fill-linkbox.c-pink li a {
  background: #f08c96;
}
#contents-area > section .fill-linkbox.c-blue li a {
  background: #69abdc;
}
#contents-area > section .fill-linkbox.c-green li a {
  background: #5bc2a0;
}
#contents-area > section .fill-linkbox.c-yellow li a {
  background: #debe37;
}
#contents-area > section .fill-linkbox.c-orange li a {
  background: #f9a052;
}
#contents-area > section .fill-linkbox.c-red li a {
  background: #f26e6f;
}
#contents-area > section .fill-linkbox.c-purple li a {
  background: #938dc3;
}
#contents-area > section .fill-linkbox.c-lyellow li a {
  background: #F7E521;
}
@media screen and (max-width: 769px) {
  #contents-area > section .fill-linkbox {
    width: auto;
    margin: 35px 20px;
    display: block;
  }
  #contents-area > section .fill-linkbox_2 li {
    width: 100%;
    margin-right: 0;
  }
  #contents-area > section .fill-linkbox_3 li {
    width: 100%;
    margin-right: 0;
  }
  #contents-area > section .fill-linkbox li {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #contents-area > section .fill-linkbox li a {
    font-size: 16px;
    min-height: 80px;
    padding: 0 35px;
  }
  #contents-area > section .fill-linkbox li a:after {
    width: 11px;
    height: 11px;
  }
  #contents-area > section .fill-linkbox a span.icon {
    width: 65px;
    height: auto;
    left: 15px;
  }
}

/* line-linkbox */
#contents-area > section .line-linkbox {
  width: 1200px;
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contents-area > section .line-linkbox_2_center {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(1200px + (((100% - (23.75% * 4)) / 3) / 2));
}
#contents-area > section .line-linkbox_2_center li {
  width: 23.75%;
  margin-right: calc(((100% - (23.75% * 4)) / 3) / 2);
  margin-left: calc(((100% - (23.75% * 4)) / 3) / 2);
}
#contents-area > section .line-linkbox li {
  margin-top: 10px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#contents-area > section .line-linkbox_1 li {
  width: 100%;
}
#contents-area > section .line-linkbox_2 li {
  width: 49.14%;
  margin-right: calc((100% - (49.14% * 2)) / 1);
}
#contents-area > section .line-linkbox_2 li:nth-child(2n) {
  margin-right: 0;
}
#contents-area > section .line-linkbox_3 li {
  width: 32.17%;
  margin-right: calc((100% - (32.17% * 3)) / 2);
}
#contents-area > section .line-linkbox_3 li:nth-child(3n) {
  margin-right: 0;
}
#contents-area > section .line-linkbox_4 li {
  width: 23.75%;
  margin-right: calc((100% - (23.75% * 4)) / 3);
}
#contents-area > section .line-linkbox_4 li:nth-child(4n) {
  margin-right: 0;
}
#contents-area > section .line-linkbox_4_right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#contents-area > section .line-linkbox_4_right li {
  width: 23.75%;
  margin-left: calc((100% - (23.75% * 4)) / 3);
}
#contents-area > section .line-linkbox_4_right li:nth-child(4n + 1) {
  margin-left: 0;
}
#contents-area > section .line-linkbox li a {
  display: block;
  font-size: 1.07em;
  font-weight: normal;
  text-align: center;
  padding: 12px 35px 10px 35px;
  background: #fff;
  border: 1px solid #373637;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
#contents-area > section .line-linkbox.line-linkbox_l li a {
  font-size: 1.23em;
  font-weight: bold;
  padding: 11px 35px 9px 35px;
}
#contents-area > section .line-linkbox_left li a {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 20px;
}
#contents-area > section .line-linkbox li a:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("/common/img/ico_arrow_navy.svg") no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
/* color */
#contents-area > section .line-linkbox.c-pink li a {
  border: 1px solid #f08c96;
}
#contents-area > section .line-linkbox.c-pink li a:after {
  background: url("/common/img/ico_arrow_c_pink.svg") no-repeat;
  background-size: 100% auto;
}
#contents-area > section .line-linkbox.c-blue li a {
  border: 1px solid #69abdc;
}
#contents-area > section .line-linkbox.c-blue li a:after {
  background: url("/common/img/ico_arrow_c_blue.svg") no-repeat;
  background-size: 100% auto;
}
#contents-area > section .line-linkbox.c-green li a {
  border: 1px solid #5bc2a0;
}
#contents-area > section .line-linkbox.c-green li a:after {
  background: url("/common/img/ico_arrow_c_green.svg") no-repeat;
  background-size: 100% auto;
}
#contents-area > section .line-linkbox.c-yellow li a {
  border: 1px solid #debe37;
}
#contents-area > section .line-linkbox.c-yellow li a:after {
  background: url("/common/img/ico_arrow_c_yellow.svg") no-repeat;
  background-size: 100% auto;
}
#contents-area > section .line-linkbox.c-orange li a {
  border: 1px solid #f9a052;
}
#contents-area > section .line-linkbox.c-orange li a:after {
  background: url("/common/img/ico_arrow_c_orange.svg") no-repeat;
  background-size: 100% auto;
}
#contents-area > section .line-linkbox.c-red li a {
  border: 1px solid #f26e6f;
}
#contents-area > section .line-linkbox.c-red li a:after {
  background: url("/common/img/ico_arrow_c_red.svg") no-repeat;
  background-size: 100% auto;
}
#contents-area > section .line-linkbox.c-purple li a {
  border: 1px solid #938dc3;
}
#contents-area > section .line-linkbox.c-purple li a:after {
  background: url("/common/img/ico_arrow_c_purple.svg") no-repeat;
  background-size: 100% auto;
}

#contents-area > section .line-linkbox.c-lyellow  li a:after {
  background: url("/common/img/ico_arrow_c_purple.svg") no-repeat;
  background: #F7E521;
}

@media screen and (max-width: 769px) {
  #contents-area > section .line-linkbox {
    width: auto;
    margin: 20px 20px;
  }
  #contents-area > section .line-linkbox_2_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    with: 100%;
  }
  #contents-area > section .line-linkbox_2_center li {
    width: 47%;
    margin-right: calc(100% - (47% * 2));
    margin-left: 0;
  }
  #contents-area > section .line-linkbox_2_center li:nth-child(2n) {
    margin-right: 0;
  }
  #contents-area > section .line-linkbox li {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #contents-area > section .line-linkbox_1 li {
    width: 100%;
  }
  #contents-area > section .line-linkbox_2 li {
    width: 47%;
    margin-right: calc(100% - (47% * 2));
  }
  #contents-area > section .line-linkbox_2 li:nth-child(2n) {
    margin-right: 0;
  }
  #contents-area > section .line-linkbox_3 li {
    width: 100%;
    margin-right: 0;
  }
  #contents-area > section .line-linkbox_3 li:nth-child(3n) {
    margin-right: 0;
  }
  #contents-area > section .line-linkbox_4 li {
    width: 47%;
    margin-right: calc(100% - (47% * 2));
  }
  #contents-area > section .line-linkbox_4 li:nth-child(2n) {
    margin-right: 0;
  }
  #contents-area > section .line-linkbox_4_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #contents-area > section .line-linkbox_4_right li {
    width: 47%;
    margin-left: calc(100% - (47% * 2));
  }
  #contents-area > section .line-linkbox_4_right li:nth-child(2n + 1) {
    margin-left: 0;
  }
  #contents-area > section .line-linkbox li a {
    font-size: 13px;
    line-height: 1.28;
    padding: 13px 15px 11px 10px;
  }
  #contents-area > section .line-linkbox.line-linkbox_l li a {
    font-size: 16px;
    font-weight: bold;
    padding: 12px 35px 10px 35px;
  }
  #contents-area > section .line-linkbox_left li a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 20px;
  }
  #contents-area > section .line-linkbox.line-linkbox_l li a:after {
    width: 11px;
    height: 11px;
    right: 20px;
  }
  #contents-area > section .line-linkbox li a:after {
    width: 10px;
    height: 10px;
    right: 6px;
  }
}

/* subtitle_s */
#contents-area > section .subtitle_s {
  font-size: 26px;
  font-weight: bold;
  color: #373637;
  margin: 60px 0 30px;
  line-height: 1.3em;
  text-align: center;
}
#contents-area > section .subtitle_s::after {
  width: 30px;
  height: 2px;
  background: #45a550;
  content: "";
  margin: 15px auto 0;
  display: block;
}
#contents-area > section > .subtitle_s:first-child {
  margin-top: 0;
}
#contents-area .style-news h2.subtitle_s {
  margin: 0;
}
/* color */
#contents-area > section .subtitle_s.c-pink::after {
  background: #f08c96;
}
#contents-area > section .subtitle_s.c-blue::after {
  background: #69abdc;
}
#contents-area > section .subtitle_s.c-green::after {
  background: #5bc2a0;
}
#contents-area > section .subtitle_s.c-yellow::after {
  background: #debe37;
}
#contents-area > section .subtitle_s.c-orange::after {
  background: #f9a052;
}
#contents-area > section .subtitle_s.c-red::after {
  background: #f26e6f;
}
#contents-area > section .subtitle_s.c-purple::after {
  background: #938dc3;
}
#contents-area > section .subtitle_s.c-lyellow::after {
  background: #F7E521;
}

@media screen and (max-width: 769px) {
  #contents-area > section .subtitle_s {
    font-size: 18px;
    margin: 35px 0 20px;
  }
  #contents-area > section .subtitle_s::after {
    width: 23px;
    margin: 10px auto 0;
  }
}

/* hr */
#contents-area hr {
  padding: 0 !important;
  margin: 0 !important;
  color: #373637;
}

/* line_area */
#contents-area .line_area {
  padding: 40px 0 50px;
}
#contents-area .line_area .inner {
  background: #cdf4dd;
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#contents-area .line_area .inner .text {
  text-align: left;
  font-size: 1.23em;
  margin-left: 30px;
}
#contents-area .line_area .inner .text .title {
  font-size: 1.625em;
  font-weight: bold;
  color: #06c755;
}
@media screen and (max-width: 769px) {
  #contents-area .line_area {
    padding: 30px 20px;
  }
  #contents-area .line_area .inner {
    width: auto;
    margin-right: 0;
    margin-left: 0;
    padding: 20px 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #contents-area .line_area .inner > p {
    width: 90px;
    text-align: left;
  }
  #contents-area .line_area .inner > p img {
    width: 57px;
    height: auto;
  }
  #contents-area .line_area .inner .text {
    font-size: 14px;
    margin-left: 0;
    width: calc(100% - 90px);
  }
  #contents-area .line_area .inner .text .title {
    font-size: 18px;
  }
}

/* illust-linkbox */
#contents-area > section .illust-linkbox {
  width: 1200px;
  margin: 50px auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#contents-area > section .illust-linkbox li {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 17.5%;
  margin-right: calc((100% - (17.5% * 5)) / 4);
}
#contents-area > section .illust-linkbox li:nth-child(5n) {
  margin-right: 0;
}
#contents-area > section .illust-linkbox li a {
  display: block;
  border-top: 1px solid #373637;
  border-bottom: 1px solid #373637;
  padding-top: 95px;
  padding-bottom: 5px;
  position: relative;
}
#contents-area > section .illust-linkbox li a > span.text {
  font-size: 1.07em;
  line-height: 1.4;
  padding: 0 45px;
  min-height: 3.5em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
#contents-area > section .illust-linkbox li a > span.text:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("/common/img/ico_arrow_navy.svg") no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
#contents-area > section .illust-linkbox li a > span.icon {
  width: 80px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
}

/* color */
#contents-area > section .illust-linkbox.c-pink li a {
  border-top: 1px solid #f08c96;
  border-bottom: 1px solid #f08c96;
}
#contents-area > section .illust-linkbox.c-pink li a > span.text:after {
  background: url("/common/img/ico_arrow_c_pink.svg") no-repeat;
  background-size: 100% auto;
}
#contents-area > section .illust-linkbox.c-blue li a {
  border-top: 1px solid #69abdc;
  border-bottom: 1px solid #69abdc;
}
#contents-area > section .illust-linkbox.c-blue li a > span.text:after {
  background: url("/common/img/ico_arrow_c_blue.svg") no-repeat;
  background-size: 100% auto;
}
#contents-area > section .illust-linkbox.c-green li a {
  border-top: 1px solid #5bc2a0;
  border-bottom: 1px solid #5bc2a0;
}
#contents-area > section .illust-linkbox.c-green li a > span.text:after {
  background: url("/common/img/ico_arrow_c_green.svg") no-repeat;
  background-size: 100% auto;
}
#contents-area > section .illust-linkbox.c-yellow li a {
  border-top: 1px solid #debe37;
  border-bottom: 1px solid #debe37;
}
#contents-area > section .illust-linkbox.c-yellow li a > span.text:after {
  background: url("/common/img/ico_arrow_c_yellow.svg") no-repeat;
  background-size: 100% auto;
}
#contents-area > section .illust-linkbox.c-orange li a {
  border-top: 1px solid #f9a052;
  border-bottom: 1px solid #f9a052;
}
#contents-area > section .illust-linkbox.c-orange li a > span.text:after {
  background: url("/common/img/ico_arrow_c_orange.svg") no-repeat;
  background-size: 100% auto;
}
#contents-area > section .illust-linkbox.c-red li a {
  border-top: 1px solid #f26e6f;
  border-bottom: 1px solid #f26e6f;
}
#contents-area > section .illust-linkbox.c-red li a > span.text:after {
  background: url("/common/img/ico_arrow_c_red.svg") no-repeat;
  background-size: 100% auto;
}
#contents-area > section .illust-linkbox.c-purple li a {
  border-top: 1px solid #938dc3;
  border-bottom: 1px solid #938dc3;
}
#contents-area > section .illust-linkbox.c-purple li a > span.text:after {
  background: url("/common/img/ico_arrow_c_purple.svg") no-repeat;
  background-size: 100% auto;
}
#contents-area > section .illust-linkbox.c-lyellow li a {
  border-top: 1px solid #F7E521;
  border-bottom: 1px solid #F7E521;
}
#contents-area > section .illust-linkbox.c-purple li a > span.text:after {
  background: url("/common/img/ico_arrow_c_purple.svg") no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 769px) {
  #contents-area > section .illust-linkbox {
    width: auto;
    margin: 20px 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  #contents-area > section .illust-linkbox li {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 47%;
    margin-right: calc(100% - (47% * 2));
  }
  #contents-area > section .illust-linkbox li:nth-child(5n) {
    margin-right: calc(100% - (47% * 2));
  }
  #contents-area > section .illust-linkbox li:nth-child(2n) {
    margin-right: 0;
  }
  #contents-area > section .illust-linkbox li a > span.text {
    font-size: 14px;
    padding: 0 15px;
    min-height: 3.5em;
  }
  #contents-area > section .illust-linkbox li a > span.text:after {
    width: 11px;
    height: 11px;
    right: 0;
  }
}

/* accordion-c */
#contents-area > section .accordion-c-panel {
  width: 1200px;
  margin: 20px auto;
}
#contents-area > section .accordion-c-btn {
  font-size: 1.29em;
  text-align: left;
  color: #fff;
  background: #373637;
  padding: 15px 20px 13px 50px;
  cursor: pointer;
  user-select: none;
  position: relative;
}
#contents-area > section .accordion-c-btn:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(/common/img/ico_arrow_white.svg) no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#contents-area > section .accordion-c-contents {
  font-size: 1.07em;
  text-align: left;
  background: #d7d1ea;
  padding: 25px 20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
#contents-area > section .accordion-c-contents .line-linkbox {
  width: 100%;
  margin: -10px 0 -10px;
}
/* color */
#contents-area > section .accordion-c-panel.c-pink .accordion-c-btn {
  background: #f08c96;
}
#contents-area > section .accordion-c-panel.c-pink .accordion-c-contents {
  background: rgba(240, 140, 150, 0.3);
}
#contents-area > section .accordion-c-panel.c-blue .accordion-c-btn {
  background: #69abdc;
}
#contents-area > section .accordion-c-panel.c-blue .accordion-c-contents {
  background: rgba(105, 171, 220, 0.3);
}
#contents-area > section .accordion-c-panel.c-green .accordion-c-btn {
  background: #5bc2a0;
}
#contents-area > section .accordion-c-panel.c-green .accordion-c-contents {
  background: rgba(91, 194, 160, 0.3);
}
#contents-area > section .accordion-c-panel.c-yellow .accordion-c-btn {
  background: #debe37;
}
#contents-area > section .accordion-c-panel.c-yellow .accordion-c-contents {
  background: rgba(222, 190, 55, 0.3);
}
#contents-area > section .accordion-c-panel.c-orange .accordion-c-btn {
  background: #f9a052;
}
#contents-area > section .accordion-c-panel.c-orange .accordion-c-contents {
  background: rgba(249, 160, 82, 0.3);
}
#contents-area > section .accordion-c-panel.c-red .accordion-c-btn {
  background: #f26e6f;
}
#contents-area > section .accordion-c-panel.c-red .accordion-c-contents {
  background: rgba(242, 110, 111, 0.3);
}
#contents-area > section .accordion-c-panel.c-purple .accordion-c-btn {
  background: #938dc3;
}
#contents-area > section .accordion-c-panel.c-purple .accordion-c-contents {
  background: rgba(147, 141, 195, 0.3);
}
#contents-area > section .accordion-c-panel.c-lyellow .accordion-c-btn {
  background: #F7E521;
}
#contents-area > section .accordion-c-panel.c-lyellow .accordion-c-contents {
  background: rgba(243, 214, 0, 0.3);
}
@media screen and (max-width: 769px) {
  #contents-area > section .accordion-c-panel {
    width: auto;
    margin: 20px 20px;
  }
  #contents-area > section .accordion-c-btn {
    font-size: 16px;
  }
  #contents-area > section .accordion-c-btn:before {
    width: 11px;
    height: 11px;
  }
  #contents-area > section .accordion-c-contents {
    font-size: 14px;
    padding: 15px 8px;
  }
  #contents-area > section .accordion-c-contents .line-linkbox {
    margin: -5px 0 -5px;
  }
  #contents-area > section .accordion-c-contents .line-linkbox_2 li {
    width: 48.5%;
    margin-right: calc(100% - (48.5% * 2));
  }
  #contents-area > section .accordion-c-contents .line-linkbox_2 li:nth-child(2n) {
    margin-right: 0;
  }
}

/* title-border */
#contents-area > section .title-border {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  margin: 40px 0 20px;
  line-height: 1.3em;
  border-bottom: 1px solid #373637;
  padding-bottom: 1em;
}
#contents-area > section .title-border_s {
  font-size: 1.07em;
  font-weight: bold;
  text-align: left;
  margin: 0 0 1.5em;
  line-height: 1.3em;
  border-bottom: 1px solid #373637;
  padding-bottom: 0.75em;
}
/* color */
#contents-area > section .title-border_s.c-pink {
  border-bottom: 1px solid #f08c96;
}
#contents-area > section .title-border_s.c-blue {
  border-bottom: 1px solid #69abdc;
}
#contents-area > section .title-border_s.c-green {
  border-bottom: 1px solid #5bc2a0;
}
#contents-area > section .title-border_s.c-yellow {
  border-bottom: 1px solid #debe37;
}
#contents-area > section .title-border_s.c-orange {
  border-bottom: 1px solid #f9a052;
}
#contents-area > section .title-border_s.c-red {
  border-bottom: 1px solid #f26e6f;
}
#contents-area > section .title-border_s.c-purple {
  border-bottom: 1px solid #938dc3;
}
#contents-area > section .title-border_s.c-lyellow {
  border-bottom: 1px solid #F7E521;
}
@media screen and (max-width: 769px) {
  #contents-area > section .title-border {
    font-size: 16px;
    padding-bottom: 0.75em;
  }
  #contents-area > section .title-border_s {
    font-size: 14px;
  }
}

/* contents-col_2 */
#contents-area > section .contents-col_2 {
  width: 1200px;
  margin: 30px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#contents-area > section .contents-col_2 .col-box {
  text-align: left;
  width: 46.67%;
}
#contents-area > section .contents-col_2 .line-linkbox {
  width: auto;
  margin-top: 30px;
}
#contents-area > section .contents-col_2 .line-linkbox li {
  margin: 0;
}
#contents-area > section .contents-col_2 .line-linkbox li + li a {
  border-top: none;
}
@media screen and (max-width: 769px) {
  #contents-area > section .contents-col_2 {
    width: auto;
    margin: 20px 20px;
    display: block;
  }
  #contents-area > section .contents-col_2 .col-box {
    width: 100%;
  }
  #contents-area > section .contents-col_2 .col-box + .col-box {
    margin-top: 35px;
  }
  #contents-area > section .contents-col_2 .line-linkbox {
    margin: 20px 0 0;
  }
}

/* content-wrap */
#contents-area > section .content-wrap {
  width: 1200px;
  margin: 40px auto;
  padding-top: 50px;
  position: relative;
}
#contents-area > section .content-wrap:before {
  content: "";
  display: inline-block;
  width: 138px;
  height: 34px;
  background: url("/common/img/menu.svg") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#contents-area > section .content-wrap .subtitle_s {
  margin-top: 0;
  font-size: 20px;
  margin-bottom: 40px;
}
#contents-area > section .content-wrap .content-col_4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contents-area > section .content-wrap .content-col_4 .col-box {
  width: 22.5%;
  margin-right: calc((100% - (22.5% * 4)) / 3);
  margin-top: 45px;
}
#contents-area > section .content-wrap .content-col_4 .col-box:nth-child(1),
#contents-area > section .content-wrap .content-col_4 .col-box:nth-child(2),
#contents-area > section .content-wrap .content-col_4 .col-box:nth-child(3),
#contents-area > section .content-wrap .content-col_4 .col-box:nth-child(4) {
  margin-top: 0;
}
#contents-area > section .content-wrap .content-col_4 .col-box:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 1300px) {
  #contents-area > section .content-wrap {
    width: 96%;
  }
}
@media screen and (max-width: 769px) {
  #contents-area > section .content-wrap {
    width: auto;
    margin: 40px 20px;
    padding-top: 40px;
  }
  #contents-area > section .content-wrap:before {
    width: 106px;
    height: 26px;
  }
  #contents-area > section .content-wrap .subtitle_s {
    font-size: 18px;
    margin-bottom: 25px;
  }
  #contents-area > section .content-wrap .content-col_4 {
    display: block;
  }
  #contents-area > section .content-wrap .content-col_4 .col-box {
    width: 100%;
    margin-right: 0;
  }
  #contents-area > section .content-wrap .content-col_4 .col-box + .col-box {
    margin-top: 35px;
  }
}

/* arrow-list */
#contents-area > section .arrow-list li {
  font-size: 1.07em;
  text-align: left;
}
#contents-area > section .arrow-list li a {
  display: inline-block;
  text-align: left;
  color: #373637;
  padding-left: 15px;
  position: relative;
}
#contents-area > section .arrow-list li a:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.5px 0 6.5px 9px;
  border-color: transparent transparent transparent #373637;
  position: absolute;
  left: 0;
  top: 0.25em;
}
#contents-area > section .arrow-list li + li {
  margin-top: 1em;
}
/* color */
#contents-area > section .arrow-list.c-pink li a:before {
  border-color: transparent transparent transparent #f08c96;
}
#contents-area > section .arrow-list.c-blue li a:before {
  border-color: transparent transparent transparent #69abdc;
}
#contents-area > section .arrow-list.c-green li a:before {
  border-color: transparent transparent transparent #5bc2a0;
}
#contents-area > section .arrow-list.c-yellow li a:before {
  border-color: transparent transparent transparent #debe37;
}
#contents-area > section .arrow-list.c-orange li a:before {
  border-color: transparent transparent transparent #f9a052;
}
#contents-area > section .arrow-list.c-red li a:before {
  border-color: transparent transparent transparent #f26e6f;
}
#contents-area > section .arrow-list.c-purple li a:before {
  border-color: transparent transparent transparent #938dc3;
}
#contents-area > section .arrow-list.c-lyellow li a:before {
  border-color: transparent transparent transparent #F7E521;
}
@media screen and (max-width: 769px) {
  #contents-area > section .arrow-list li {
    font-size: 14px;
  }
}

/* *****************************************************************************
   1300ÒÔÏÂÓà°×Õ{Õû
***************************************************************************** */
@media screen and (min-width: 769px) and (max-width: 1300px), print {
  #contents-area > section .section-inner,
  #contents-area > section .linkbox,
  #contents-area > section .verticalbox,
  #contents-area > section .verticalbox.row3,
  #contents-area > section .horizonbox,
  #contents-area > section .imgtext,
  #contents-area > section .qrbox,
  #contents-area > section .circlebox,
  #contents-area > section .profilebox,
  #contents-area > section .anchorbox,
  #contents-area > section .numberbox,
  #contents-area > section .colorbox,
  #contents-area > section .cautionbox,
  #contents-area > section .linebox,
  #contents-area > section .namelist,
  #contents-area > section .messagebox,
  #contents-area > section table.table-style1,
  #contents-area > section table.table-style2,
  #contents-area > section .row2-block,
  #contents-area > section .horizontable,
  #contents-area .style-news article,
  #contents-area > section .tabmenu,
  #contents-area > section .accordion-panel,
  #contents-area > section .textbox,
  #contents-area > section .emnumberbox,
  #contents-area > section .basiclist,
  #contents-area .mainvisual,
  #contents-area > section .fill-linkbox,
  #contents-area > section .line-linkbox,
  #contents-area .line_area .inner,
  #contents-area > section .illust-linkbox,
  #contents-area > section .accordion-c-panel,
  #contents-area > section .contents-col_2,
  #contents-area .linkbanner {
    width: 96%;
  }
}

/* ¥Õ¥í©`¥Æ¥£¥ó¥°¥Ð¥Ê©` */
.floating_banner {
  max-width: 250px;
  position: fixed;
  bottom: 60px;
  right: 20px;
  /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 3px -1px rgba(0, 0, 0, 0.15);*/
  z-index: 100;
  display: none;
}
.floating_banner a {
  display: block;
}
.floating_banner a img {
  max-width: 100%;
  height: auto;
}
.floating_banner p {
  margin-bottom: 0;
}
.floating_banner p.close {
  position: absolute;
  left: -16px;
  top: -16px;
}
.floating_banner p.close img {
  vertical-align: top;
}
.floating_banner p.close a {
  display: block;
  width: 45px;
  height: 45px;
  padding: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .floating_banner {
    max-width: 90vw;
    bottom: 70px;
    right: inherit;
    left: 4vw;
    z-index: 999;
  }
  .floating_banner p.close a {
    width: 43px;
    height: 43px;
  }
}