@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 a span.s {
            font-size: 13px;
      }
      #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(/common/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(/common/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;
}
.bt4 {
      margin-top: 27px !important;
      text-align: left !important;
}
.bt4 a {
      color: #555;
      font-size: 18px;
      font-weight: bold;
      padding: 17px 40px 17px 20px;
      background: #fff url(/common/img/ico_button.svg) right center no-repeat;
      background-size: 30px auto;
      border: 1px solid #373637;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      display: inline-block;
      margin: 0 10px 0 0;
      width: 100%;
      max-width: calc(33% - 10px);
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: top;
}
.bt4 a span {
      font-size: 14px;
      font-weight: bold;
      color: #222;
      display: block;
      margin-top: 15px;
}
/* *****************************************************************************
   ¥¹¥Þ©`¥È¥Õ¥©¥óÓäΥ¹¥¿¥¤¥ëÓ›Êö
***************************************************************************** */
@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;
      }
      .bt4 a {
            width: 100%;
            max-width: 100%;
            margin-right: 0;
      }
      .bt4 a + a {
            margin-top: 20px;
      }
}
/*==========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;
      }
}
/* NBA¶Ä×¢app_Å·ÖÞ±­ÏÂעƽ̨-¡¾ÏÂÔعÙÍø¡¿ */
@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 span{
	font-size: 1.2em;
}
.current_text{
	display: none!important;
	color: #ffc2b9;
	font-weight: bold;
	font-size: 1em!important;
}
#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  .current_text{
	display: block!important;
}
#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;
      }
	.current_text{
	       padding-left: 0!important;
		color: #f74125;
}
      #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;
      }
}
/*pul_btn_flex
-------------------------------------------------------------------------------------------------*/
.pul_btn_flex {
      display: flex;
      gap: 0 1em;
}
@media screen and (max-width: 480px) {
      .pul_btn_flex {
            display: block;
            padding: 1em 0;
      }
}
.pul_btn_box {
      position: relative;
}
.pul_btn_box summary::marker, .pul_btn_box summary:before {
      content: none !important;
      display: none !important;
}
.pul_btn > * {
      position: relative;
      cursor: pointer;
      color: #373637;
      font-size: 14px;
      font-weight: bold;
      padding: 10px 55px 8px;
      background: #fff;
      border: 1px solid #373637;
      border-radius: 25px;
      display: inline-block;
}
.pul_btn > *:before {
      position: absolute;
      content: "";
      background: url(/common/img/ico_button.svg) right center no-repeat;
      background-size: contain;
      top: 50%;
      height: 18px;
      right: 0em;
      transform: translate(-0%, -50%);
      aspect-ratio: 225/150;
}
.pul-btn.open > *:before {
      right: 0.7em;
      transform: translate(-0%, -0%) rotate(90deg);
}
@media screen and (max-width: 480px) {
      .pul_btn_box + .pul_btn_box {
            margin-top: 1em;
      }
      .pul_btn {
            text-align: center !important;
      }
}
.pul_btn_cont {
      display: none;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -0%);
      top: 4em;
      min-width: 14em;
      padding: 1.5em 1em;
      background: #fff;
      box-shadow: 0px 0px 26px 2px #d1d1d1;
      border-radius: 5px;
}
.pul_btn_list li + li {
      margin-top: 1em
}
.pul_btn_list li > * {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
}
.pul_btn_list li > a .pul_btn_title {
      text-decoration: underline;
}
.pul_btn_list li > a:hover .pul_btn_title {
      text-decoration: none;
}
.pul_btn_title {
      width: calc(100% - 5em);
}
.pul_btn_ico {
      display: inline-block;
      padding: 0 0.5em;
      border-radius: 3px;
      background: #f3f4f6;
}
@media screen and (max-width: 480px) {
      .pul_btn_cont {
            top: 3.5em;
      }
}