@charset "utf-8";

/* ======================================================
 * about.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  
  /* ----- /jp/about/related-companies.html ----- */
  .related-map {
    position: relative;
  }
  .related-map .related-map_list  {
    position: absolute;
    width: 100%;
    padding-bottom: 56.14035%;
    top: 0;
    left: 0;
  }
  .related-map .related-map_list li  {
    position: absolute;
    display: block;
    width: 2.19298%;
    height: 3.90625%;
    overflow: hidden;
  }
  .related-map .related-map_list li span  {
    text-indent: 100%;
    white-space: nowrap;
    display: block;
  }
  #relatedMap01 {
    top: 30.6640625%;
    left: 5.592105263%;
  }
  #relatedMap02 {
    top: 36.328125%;
    left: 9.320175439%;
  }
  #relatedMap03 {
    top: 43.1640625%;
    left: 6.578947368%;
  }
  #relatedMap04 {
    top: 55.46875%;
    left: 8.333333333%;
  }
  #relatedMap05 {
    top: 45.5078125%;
    left: 17.3245614%;
  }
  #relatedMap06 {
    top: 46.09375%;
    left: 18.64035088%;
  }
  #relatedMap07 {
    top: 48.4375%;
    left: 21.710526315%;
  }
  #relatedMap08 {
    top: 40.625%;
    left: 38.9254386%;
  }
  #relatedMap09 {
    top: 45.3125%;
    left: 37.60964912%;
  }
  #relatedMap10 {
    top: 45.5078125%;
    left: 36.18421053%;
  }
  #relatedMap11 {
    top: 48.046875%;
    left: 32.78508772%;
  }
  #relatedMap12 {
    top: 52.5390625%;
    left: 37.82894737%;
  }
  #relatedMap13 {
    top: 52.5390625%;
    left: 36.18421053%;
  }
  #relatedMap14 {
    top: 56.4453125%;
    left: 32.56578947%;
  }
  #relatedMap15 {
    top: 58.59375%;
    left: 33.33333333%;
  }
  #relatedMap16 {
    top: 59.375%;
    left: 34.64912281%;
  }
  #relatedMap17 {
    top: 61.71875%;
    left: 33.6622807%;
  }
  #relatedMap18 {
    top: 74.21875%;
    left: 36.18421053%;
  }
  #relatedMap19 {
    top: 40.8203125%;
    left: 41.88596491%;
  }
  #relatedMap20 {
    top: 44.53125%;
    left: 74.23245614%;
  }
  #relatedMap21 {
    top: 54.6875%;
    left: 82.01754386%;
  }
  #relatedMap22 {
    top: 51.171875%;
    left: 37.4179431%;
  }
  #relatedMap23 {
    top: 47.265625%;
    left: 21.05263157%;
  }
  #relatedMap24 {
    top: 34.235976789%;
    left: 41.22807017%;
  }
  .link-button.type-relatedMap > li > a {
    min-width: 468px;
  }
  /* ----- /jp/about/policies.html ----- */
  .policies-text {
    text-indent:  -4.5em;
    padding-left: 4.5em;
  }
  /* ----- /jp/about/ ----- */
  .linkType01{
    position: relative;
    padding-left: 5%;
    font-size: 24px;
  }
  .linkType01:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    width: 0.5em;
    height: 0.5em;
    margin-top: -6px;
    border-top: 1px solid #e50115;
    border-right: 1px solid #e50115;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  /* mainVisual */
  .mainVisual{
    margin: 2em calc(((100vw - 100%) / 2) * -1) 0;
    background: url(/jp/about/img/index_bg01.jpg) no-repeat;
    color: #fff;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 48px 0 38px;
    font-family: "Noto Sans CJK JP";
    font-size: 0.54vw;
  }
  .mainVisual > .inner{
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .mainVisual > .inner > .visualTitle{
    text-align: center;
    font-size: 3.6em;
  }
  .mainVisual > .inner > .colWrap.threeCol{
    margin-top: 25px;
  }
  .mainVisual > .inner > .colWrap.threeCol >.colWrap.twoCol{
    max-width: 1160px;
    width: calc((((100% - 7.2em)/3)*2) + 3.6em);
    font-size: 0.54vw;
    display: inline-block;
  }
  .mainVisual > .inner > .colWrap.threeCol >.colWrap.twoCol > .col{
    width: calc((100% - 3.6em)/2);
    margin: 0 3.5em 5.5em 0;
    float: left;
  }
  .mainVisual > .inner > .colWrap.threeCol >.colWrap.twoCol > .col:nth-child(2n){
    margin-right: 0;
  }
  .mainVisual > .inner > .colWrap.threeCol > .oneCol{
    float: right;
    width: calc((100% - 7.2em)/3);
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .colTitle{
    font-size: 2.1em;
    padding-bottom: 10px;
    border-bottom: 1px solid #a9b9c8;
    text-align: center;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .readText{
    font-size: 3.4em;
    text-align: center;
    line-height: 1.2;
    margin-top: 7px;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .readText > img{
    margin-top: 3%;
    width: 10%;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .readText > span > em{
    font-size: 2.2em;
    font-style: normal;
    font-family: Arial, Helvetica, "sans-serif";
    letter-spacing: -0.03em;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .subText{
    font-size: 1.4em;
    text-align: left;
    padding-left: 20%;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol{
    margin-top: 5px;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .imgL{
    float: left;
    width: 37%;
    margin-top: 20px;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .text{
    float: right;
    width: 58%;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .text > li{
    position: relative;
    padding-left: 8%;
    font-size: 1.4em;
    margin-bottom: 5px;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .text > li:before{
    position: absolute;
    content: "";
    width: 1.0em;
    height: 1.0em;
    top: 0.5em;
    left: 0;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .text > li:last-child{
    margin-bottom: 0px;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .text > li.color01:before{
    background-color: #c23440;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .text > li.color02:before{
    background-color: #cf8442;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .text > li.color03:before{
    background-color: #4c9942;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .text > li.color04:before{
    background-color: #2db8ae;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .text > li.color05:before{
    background-color: #3779bd;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .text > li.color06:before{
    background-color: #2d499d;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .text > li.color07:before{
    background-color: #674d9b;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .text > li.color08:before{
    background-color: #af569d;
  }
  .mainVisual > .inner > .colWrap.threeCol .col > .imgCol > .text > li.color09:before{
    background-color: #5d5d5e;
  }
  /* topMassage */
  .topMassage{
    font-size: 0.54vw;
    margin-top: 80px;
  }
  .topMassage > a{
    position: relative;
    display: block;
    width: 100%;
    color: #333;
  }
 .topMassage > a:hover{
    opacity: 0.8;
  }
  .topMassage > a > .textArea{
    position: absolute;
    right: 20%;
    top: 35%;
  }
  .topMassage > a > .textArea > .linkType01{
    font-size: 2.4em;
  }
  .topMassage > a > .textArea > .nameCol{
    font-size:  1.4em;
    padding-top: 20px;
  }
  .topMassage > a > .textArea > .nameCol .col{
    float: left;
    margin-right: 60px;
  }
  .topMassage > a > .textArea > .nameCol .col:nth-child(2){
    margin-right: 0;
  }
  .topMassage > a > .textArea > .nameCol .col span.name{
    font-size: 1.3em  ;
    font-weight: bold;
  }
  
  /*.categoryCol.colWrap */
  .categoryCol{
    font-size: 0.54vw;
  }
  .categoryCol .colWrap.threeCol{
    margin-top: 64px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .categoryCol .colWrap.threeCol a{
    display: block;
  }
  .categoryCol .colWrap.threeCol a:hover{
    text-decoration: none;
    opacity: 0.8;
  }
  .categoryCol .colWrap.threeCol .col{
    width: calc((100% - 73px)/3);
    margin: 0 36px 60px 0;
  }
  .categoryCol .colWrap.threeCol .col:nth-child(3n){ 
    margin-right: 0px;
  }
  .categoryCol .colWrap.threeCol .col .linkType01{ 
    margin-top: 10px;
    font-size: 2.2em;
    color: #333;
  }
  /* ----- /jp/about/philosophy-vision.html ----- */
  /* philosophy-vision_bg */
  .philosophy-vision_bg{
    font-family: "Noto Sans CJK JP";
    position: relative;
    margin-bottom: 60px;
    width: 912px;
  }
  .philosophy-vision_bg .onText{
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px 40px;
    width: 640px;
  }
  .philosophy-vision_bg .onText .txHeading{
    font-size: 22px;
  }
  .philosophy-vision_bg .onText .txHeading span{
    font-size: 30px;
    font-weight: bold;
    color: #d30413; 
  }
  
  /* philosophy-vision_hd-lv2 */
  .philosophy-vision_hd-lv2{
    font-size: 32px;
    font-weight: bold;
    font-family: "Noto Sans CJK JP";
    margin-bottom: 20px;
  }
  
  /* philosophy-vision_imgCol */
  .philosophy-vision_imgCol{
    width: 100%;
    margin-bottom: 60px;
  }
  .philosophy-vision_imgCol .imgL{
    float: left;
  }
  .philosophy-vision_imgCol .text{
    margin-left: 316px;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn{
    position: relative;
    font-family: "Noto Sans CJK JP";
    font-weight: bold;
    font-size: 20px;
    background-color: #efefef;
    margin-bottom: 20px;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn a{
    display: block;
    width: 100%;
    padding: 10px 15px;
    color: #333333;
    text-decoration: none;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn a:hover{
    opacity: 0.4;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn:after{
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border-top: 1px solid #e50115;
    border-right: 1px solid #e50115;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .philosophy-vision_imgCol .ancBox .ancBtn span{
    padding-left: 38px;
    position: relative;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn span:before{
    position: absolute;
    content: "";
    background: url(/jp/about/img/philosophy-vision_ic01.png) no-repeat;
    width: 26px;
    height: 26px;
    top: 0.2em;
    left: 0;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn.num02 span:before{
    background: url(/jp/about/img/philosophy-vision_ic02.png) no-repeat;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn.num03 span:before{
    background: url(/jp/about/img/philosophy-vision_ic03.png) no-repeat;
  }
  .philosophy-vision_imgCol .ancBox .nmlText{
    margin-bottom: 30px;
  }
  
  /* philosophy-vision_hd-lv3 */
  .philosophy-vision_hd-lv3{
    font-family: "Noto Sans CJK JP";
    font-size: 26px;
    font-weight: bold;
    padding: 0 0 5px 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    background: url(/jp/about/img/philosophy-vision_ic01.png) no-repeat 0 50%;
  }
  .philosophy-vision_hd-lv3.num02{
    background: url(/jp/about/img/philosophy-vision_ic02.png) no-repeat 0 50%;
  }
  .philosophy-vision_hd-lv3.num03{
    background: url(/jp/about/img/philosophy-vision_ic03.png) no-repeat 0 50%;
  }
  .philosophy-vision_hd-lv3 + p{
    margin-bottom: 30px;
  }
  
  /* boxCol */
  .philosophy-vision_boxCol{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
		margin-bottom: 50px;
  }
  .philosophy-vision_boxCol .boxTitle,
  .philosophy-visionTitle{
    font-family: "Noto Sans CJK JP";
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  .philosophy-vision_boxCol .fourBox{
    width: 65.35%;
    padding-right: 36px;
  }
  .philosophy-vision_boxCol .fourBox .colWrap{
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .philosophy-vision_boxCol .fourBox .colWrap:after{
    content: "";
    position: absolute;
    right: 42.5%;
    top: 50%;
    width: 15%;
    height: 0px;
    margin-top: -6px;
    border-top: 1px solid #b9b9b9;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .philosophy-vision_boxCol .fourBox .colWrap:before{
    content: "";
    position: absolute;
    right: 42.5%;
    top: 50%;
    width: 15%;
    height: 0px;
    margin-top: -6px;
    border-top: 1px solid #b9b9b9;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .philosophy-vision_boxCol .fourBox .col{
    width: calc(50% - 5px);
    min-height: 141px;
    margin: 0 10px 10px 0;
    text-align: center;
    padding: 10px 40px 20px;
    background-color: #fceded;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-child(2n){
    margin-right: 0;
  }
  .philosophy-vision_boxCol .fourBox .colTitle{
    font-family: "Noto Sans CJK JP";
    font-size: 26px;
    font-weight: bold;
    color: #dc0917;
    margin-bottom: 5px;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-of-type(2){
    background-color: #e7e7f4;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-of-type(3){
    background-color: #e9f1e6;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-of-type(4){
    background-color: #f4eede;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-of-type(2) .colTitle{
    color: #592e98;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-of-type(3) .colTitle{
    color: #108112;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-of-type(4) .colTitle{
    color: #d56900;
  }
  
  .philosophy-vision_boxCol .twoBox{
    position: relative;
    width: 34.65%;
  }
  .twoBoxDetail {
    position: relative;
  }
  .philosophy-vision_boxCol .twoBox .twoBoxDetail:after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 50%;
    width: 50px;
    height: 2px;
    margin-left: -25px;
    border-top: 1px solid #999999;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .philosophy-vision_boxCol .twoBox .col{
    position: relative;
    border: 1px solid #b7d5ee;
    height: 141px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin-bottom: 10px;
  }
  .philosophy-vision_boxCol .twoBox .col:nth-of-type(1):after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    margin-left: -5px;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .philosophy-vision_boxCol .twoBox .col:nth-of-type(2){
    border: 1px solid #c5d4f0;
  }
  .philosophy-vision_boxCol .twoBox .col:nth-of-type(2):after{
    content: "";
    position: absolute;
    left: 50%;
    top: 14px;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    margin-left: -5px;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .philosophy-vision_boxCol .twoBox .col .colTitle{
    font-family: "Noto Sans CJK JP";
    font-size: 26px;
    font-weight: bold;
    color: #1083c8;
    margin-right: 20px;
  }
  .philosophy-vision_boxCol .twoBox .col:nth-of-type(2) .colTitle{
    color: #2265b8;
  }
  
  /* philosophy-vision_sloganBox */
  .philosophy-vision_sloganBox{
    border: 1px solid #dddddd;
    text-align: center;
    padding: 50px;
  }
  .philosophy-vision_sloganBox p{
    font-size: 15px;
  }
  .philosophy-vision_sloganBox .boxTitle{
    font-family: "Noto Sans CJK JP";
    font-size: 20px;
    color: #555555;
    margin-bottom: 35px;
  }
  .philosophy-vision_sloganBox .slogan{
    margin-bottom: 40px;
  }
  
  /* ----- /jp/about/philosophy.html ----- */
  .philosophy-body {
    position: relative;
  }
  #assist.philosophy-assist {
    margin-top: 0;
    position: absolute;
    bottom: 100px;
    width: 100%;
    background-color: #fff;
  }
  #assist.philosophy-assist .assist-sitemap_body {
    display: none;
  }
  .philosophy-layout {
    margin: 0 -80px;
    padding-bottom: 132px;
    background: url("/jp/about/img/philosophy_bg01.png") repeat 0 0;
    font-family: 'Noto Sans CJK JP';
  }
  .philosophy_heading-lv1 {
    text-align: center;
  }
  .philosophy_heading-lv2 {
    margin-bottom: 30px;
  }
  .philosophy_heading-lv3 {
    margin: 53px 0 22px;
  }
  .philosophy-paragraph-area {
    width: 51.5%;
    margin: 0 11% 0 37.5%;
    padding: 0 7.3vw 10.3vw 13.4vw;
    background-color: #fff;
    background-size: cover;
  }
  .philosophy-paragraph_block {
    min-height: calc(100vh - 160px);
    padding: 160px 0;
    font-size: 1.8rem;
    font-weight: 300;
  }
  .philosophy-paragraph_block.first-block {
    min-height: 100vh;
    padding-top: 80px;
  }
  .philosophy-paragraph_block.last-block {
    min-height: 100vh;
  }
  .philosophy-image-area {
    width: 45%;
  }
  .philosophy-image {
    position: absolute;
    top: 350px;
    left: 0;
    width: 45.4%;
    display: none;
    text-align: right;
  }
  .philosophy-image.img-type01 {
    padding-left: 19%;
  }
  .philosophy-image.img-type03 {
    padding-left: 11.3%;
  }
	.philosophy-image.img-type06 {
    padding-left: 11.4%;
  }
  .philosophy-image.is-fixed {
    position: fixed;
    top: 160px;
  }
  .philosophy-image .image_inner {
    position: relative;
    width: 100%;
    box-shadow: 0 11px 24px rgba(0,0,0,0.35);
  }
  .philosophy-image .image_caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 13px 20px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 1.6rem;
    text-align: right;
  }
  .philosophy-image img {
    width: 100%;
  }
  .philosophy-paragraph_block .column-layout {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .philosophy-paragraph_block .column-layout > .column_item {
    margin-top: 0;
  }
  .philosophy-paragraph_block .column-layout > .column_item:nth-of-type(1) {
    width: 52%;
    margin-right: 3%;
  }
  .philosophy-paragraph_block .column-layout > .column_item:nth-of-type(2) {
    width: 36%;
  }
  /* ----- /jp/about/glance.html ----- */
  #glance_heading {
    font-family: "Noto Sans CJK JP";
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -80px;
  }
  #glance_heading .glance_heading-lv1 {
    display: table;
    width: 50%;
    height: 31.2vw;
    background: url("/jp/about/img/glance_bg01.png") no-repeat center top;
    background-size: cover;
  }
  #glance_heading .glance_heading-lv1 .block {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  #glance_heading .glance_heading-lv1 .heading_title {
    position: relative;
    font-size: 3.3vw;
  }
  #glance_heading .glance_heading-lv1 .heading_title::after {
    position: absolute;
    bottom: 0;
    left: 21.8vw;
    width: 120px;
    height: 4px;
    background-color: #e50014;
    content: "";
  }
  #glance_heading .glance_heading-lv1 .heading_detail {
    margin-top: 50px;
    font-size: 0.92vw;
  }
  #glance_heading .glance_heading-movie {
    width: 50%;
    padding: 1.563vw 2.605vw 2.084vw;
    background-color: #000000;
  }
  #glance_heading .glance_heading-movie .movie_title {
    color: #ffffff;
    font-size: 1.27vw;
    font-weight: bold;
  }
  #glance_heading .glance_heading-movie .cboxIframe {
    width: 44.4vw;
    height: 25vw;
    background-color: #000000;
  }
  #glance_main {
    font-family: "Noto Sans CJK JP";
    margin: 0 -80px;
  }
  #glance_main .glance-section {
    margin-top: 6.3vw;
  }
  #glance_main .glance-section .glance_heading-lv2 {
    text-align: center;
  }
  #glance_main .glance-section .glance_heading-lv2 .heading_title {
    font-size: 2.71vw;
    font-weight: 500;
  }
  #glance_main .glance-section .glance_heading-lv2 .heading_subtitle {
    font-size: 1.1vw;
  }
  #glance_main .glance-section:nth-child(2) .glance_heading-lv2 .heading_subtitle {
    font-size: 1.2vw;
    font-weight: 500;
  }
  #glance_main .glance-section:nth-child(3) .glance_heading-lv2 .heading_subtitle {
    width: 82vw;
    margin: 0 auto;
    text-align: left;
  }
  #glance_main .glance-section .glance-compo01 {
    padding: 4.7vw 0 4.95vw;
    background: url("/jp/about/img/glance_bg02.jpg") no-repeat 0 0;
    background-size: cover;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    text-align: center;
    width: 64vw;
    margin: 0 auto;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item + .column_item {
    margin-left: 3.3vw;
    margin-top: -0.7vw;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2,
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col {
    margin-top: 4.7vw;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2:first-child,
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col:first-child {
    margin-top: 0;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail-lv2,
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail,
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col {
    display: table;
    padding-bottom: 0.4vw;
  }
  #glance_main .glance-section .compo01-column-layout .column_item .col .colTitle {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    width: 8.5vw;
    font-size: 1.05vw;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col .readText {
    display: table-cell;
    line-height: 1;
    text-align: left;
    width: 21vw;
    font-size: 1.88vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col .readText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 3.3vw;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item:nth-child(2) .col .readText em {
    font-size: 4vw;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colTitle {
    text-align: left;
    font-size: 1.05vw;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail .subText {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    width: 8.5vw;
    font-size: 1.46vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail .subText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 2.5vw;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail .readText {
    line-height: 1;
    display: table-cell;
    text-align: left;
    width: 21vw;
    font-size: 1.88vw;
    font-weight: 700;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail .readText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 3.3vw;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item:first-child .col-lv2 .colDetail .readText em {
    font-size: 4vw;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail .readText small {
    font-size: 1.46vw;
    font-weight: 700;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail-lv2 {
    float: left;
    text-align: left;
    width: 40%;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail-lv2 + .colDetail-lv2 {
    width: 60%
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail-lv2 .subText {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    width: 3.2em;
    font-size: 1.46vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail-lv2 .subText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 2.5vw;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail-lv2 .readText {
    line-height: 1;
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    width: calc(100% - 3.2em);
    font-size: 1.88vw;
    font-weight: 700;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail-lv2 .readText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 3.3vw;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100vw;
    margin: 0 auto;
  }
  #glance_main .glance-section .glance-compo02 a.block {
    display: block;
  }
  #glance_main .glance-section .glance-compo02 a.block:hover .col {
    opacity: 0.7;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout > .column_item {
    position: relative;
    width: 50vw;
    min-height: 100%;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout > .column_item .col {
    position: absolute;
    top: 0;
    right: 0;
    width: 54%;
    height: 100%;
    padding: 3.13vw;
    background-color: rgba(20,50,81,0.85);
    color: #ffffff;
    -webkit-transition: background .2s ease-out 0s, color .2s ease-out 0s, border .2s ease-out 0s;
    transition: background .2s ease-out 0s, color .2s ease-out 0s, border .2s ease-out 0s;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout > .column_item .col .textArea .colTitle {
    font-size: 1.46vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout > .column_item .col .colDetail {
    margin-top: 1.2vw;
    font-size: 0.82vw;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout-v2 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100vw;
    margin: 0 auto;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout-v2 > .column_item {
    position: relative;
    width: 33.33vw;
    min-height: 100%;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout-v2 >.column_item .col {
    position: absolute;
    top: 0;
    right: 0;
    width: 64%;
    height: 100%;
    padding: 3.13vw;
    background-color: rgba(0,0,0,0.6);
    color: #ffffff;
    -webkit-transition: background .2s ease-out 0s, color .2s ease-out 0s, border .2s ease-out 0s;
    transition: background .2s ease-out 0s, color .2s ease-out 0s, border .2s ease-out 0s;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout-v2 > .column_item .col .textArea .colTitle {
    font-size: 1.243vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout-v2 > .column_item .col .colDetail {
    margin-top: 1.2vw;
    font-size: 0.82vw;
  }
  #glance_main .glance-section .glance-compo03 {
    background: url("/jp/about/img/glance_bg03.jpg") no-repeat 0 0;
    background-size: cover;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 100vw;
    margin: 0 auto;
    padding: 3.65vw
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .glance_heading-lv3 .heading_title,
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .glance_heading-lv3 .heading_title {
    font-size: 1.67vw;
    font-weight: bold;
    color: #ffffff;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .glance_heading-lv3 .heading_subtitle,
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .glance_heading-lv3 .heading_subtitle {
    color: #ffffff;
    font-size: 0.82vw;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout > .column_item:first-child {
    width: 54vw;
    margin: 4.35vw 3.55vw 0 0;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col {
    margin-top: 4.7vw;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colDetail {
    display: table;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colTitle {
    text-align: left;
    font-size: 1.05vw;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colDetail .subText {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    width: 18vw;
    font-size: 1.46vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colDetail .subText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 2.5vw;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colDetail .readText {
    line-height: 1;
    display: table-cell;
    text-align: left;
    width: 36vw;
    font-size: 1.88vw;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colDetail .readText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 4.2vw;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colDetail .readText small {
    font-size: 1.46vw;
  }
  #glance_main .glance-section .glance-compo03 .glance-link-button {
    position: absolute;
    bottom: 8vw;
    left: 3.65vw;
  }
  #glance_main .glance-section .glance-link-button li a {
    display: inline-block;
    text-align: center;
    width: 14.59vw;
    padding: 0.5vw 0;
    background-color: #000000;
    color: #ffffff;
    border: 2px solid #000000;
    font-size: 1.05vw;
  }
  #glance_main .glance-section .glance-link-button li a:hover {
    background-color: #ffffff;
    border: 2px solid #000000;
    color: #000000;
    text-decoration: none;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item a {
    display: inline-block;
    position: relative;
    width: 30.3vw;
    padding: 3.021vw;
    border: 2px solid #ffffff;
    color: #ffffff;
    text-decoration: none;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item a:hover {
    background-color: #ffffff;
    color: #e50014;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item .a-modal::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.5vw;
    height: 2.5vw;
    background: url("/jp/about/img/glance_ic01.png") no-repeat center center;
    content: "";
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item .a-modal::before {
    position: absolute;
    right: 0;
    bottom: 0;
    top: auto!important;
    left: auto!important;
    width: 4.063vw;
    height: 4.063vw;
    border-top: 4.063vw solid transparent;
    border-right: 4.063vw solid #ffffff;
    content: "";
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item:nth-child(2n) a {
    border-left: 1px solid#ffffff;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item:nth-child(n + 3) a {
    border-top: 1px solid#ffffff;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item {
    float: left;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item a .colTitle {
    font-size: 1.05vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item a .colTitle small {
    font-size: 0.84vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item a .readText {
    display: table-cell;
    text-align: center;
    width: 30vw;
    font-size: 1.88vw;
    border-bottom: 1px solid #ffffff;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item a .readText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 4.2vw;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo04 {
    background: url("/jp/about/img/glance_bg04.jpg") no-repeat 0 0;
    background-size: cover;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    width: 100vw;
    margin: 0 auto;
    padding: 1.05vw 0 1.05vw;
		padding-right: 18px;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout > .column_item:first-child {
    width: 33.6%;
    padding: 0 3.65vw;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout > .column_item:first-child > .glance_heading-lv3 {
    margin-top: 7vw;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout > .column_item:nth-of-type(2) {
    width: 64.6%;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
		justify-content: flex-end;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item {
    width: calc((100% - 359.2px) / 2);
    margin-left: 20px;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item:first-child {
    margin-left: 0;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item a.block {
    display: block;
    height: 100%;
    background-color: #234b77;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item a.block:hover {
    text-decoration: none;
  }
	#glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item a.block figure{
    padding-right: 35px;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 1.3vw;
    color: #ffffff;
    -webkit-transition: background .2s ease-out 0s, color .2s ease-out 0s, border .2s ease-out 0s;
    transition: background .2s ease-out 0s, color .2s ease-out 0s, border .2s ease-out 0s;
  }
	#glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item:first-child .textArea {
    padding-right: 3vw;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item a.block:hover .textArea {
    opacity: 0.7;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea .colTitle {
    width: 56%;
    margin-right: 4%;
    text-align: center;
    padding: 0.8vw 0;
    font-size: 1.25vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item:nth-child(3) .textArea .colTitle {
    text-align: left;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea .colTitle small {
    font-size: 1.05vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea .colDetail {
    width: 40%;
  }

  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea .readText {
    line-height: 1;
    border-bottom: 2px solid #ffffff;
    font-size: 2.09vw;
    font-weight: bold;
    text-align: center;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea .readText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 4.2vw;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea .subText {
    text-align: center;
    font-size: 1.05vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea .list-note {
    width: 100%;
    margin-top: .5em;
    text-align: right;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea .list-note .list_mark {
    position: relative;
  }
  #glance_main .glance-section .glance-compo04 .glance-link-button {
    position: absolute;
    bottom: 12vw;
    left: 3.65vw;
  }
  #glance_main .glance-section .glance-compo05 {
    width: 100vw;
    margin: 0 auto;
    padding: 3.65vw;
    background: url("/jp/about/img/glance_bg05.jpg") no-repeat 0 0;
    background-size: cover;
  }
  #glance_main .glance-section .glance-compo05 .glance_heading-lv3 .heading_title {
    text-align: center;
    font-size: 2.71vw;
    font-weight: 500;
    color: #ffffff;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 3.3vw;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v1 {
    margin-right: 2.19vw;
    border: 1px solid #910007;
    background-color: rgba(145,0,7,0.6);
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v2 {
    border: 1px solid #234b77;
    background-color: rgba(35,75,119,0.6);
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v1 .colDetail {
    display: table;
    border-top: 1px solid #910007;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v1 .colDetail p {
    width: 13vw;
    border-left: 1px solid #910007;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v1 .colDetail p:first-child {
    border-left: none;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v2 .colDetail {
    display: table;
    border-top: 1px solid #234b77;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v2 .colDetail p {
    width: 12vw;
    border-left: 1px solid #234b77;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v2 .colDetail p:first-child {
    border-left: none;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .colTitle {
    text-align: center;
    padding: 3.3vw 0;
    color: #ffffff;
    font-size: 1.67vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .colDetail {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    color: #ffffff;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .colDetail p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 3.3vw 1.25vw;
    font-size: 1.25vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-link-button-v2 {
    text-align: center;
    margin-top: 3.65vw;
  }
  #glance_main .glance-section .glance-link-button-v2 li a {
    display: inline-block;
    text-align: center;
    width: 14.59vw;
    padding: 0.5vw 0;
    border: 1px solid;
    color: #ffffff;
    font-size: 1.05vw;
  }
  #glance_main .glance-section .glance-link-button-v2 li a:hover {
    text-decoration: none;
    background-color: rgba(225, 225, 225, 0.6);
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 91.667vw;
    height: 31.25vw;
    background-color: #f0f0ee;
    margin: 6.25vw auto 0;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout::after {
    position: absolute;
    display: block;
    width: 6px;
    height: 119%;
    top: 0;
    left: 10.7%;
    background-image: linear-gradient(to bottom, #cbc0a9, #cbc0a9 1px, transparent 1px, transparent 8px);
    background-size: 6px 8px;
    background-repeat: repeat-y;
    background-position: 0 0;
    z-index: 1;
    content: "";
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout:first-child {
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item {
    padding-bottom: 3%;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item:first-child {
    width: 68.5%;
    z-index: 2;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item:nth-child(2) {
    width: 31.5%;
    background-color: #dcca9c;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_year {
    margin: 5% 24% 5% 8%;
    padding-bottom: 1%;
    background-color: #f0f0ee;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_year img {
    height: 4.74vw;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_detail {
    margin-left: 22.9%;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_detail figure {
    margin-bottom: 10%;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_detail .glance-link-button .a-blank::after {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 1px 0 0 0.4vw;
    background-position: -40px 0;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_detail .glance-link-button .a-blank:hover::after {
    background-position: 0 0;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_image {
    position: relative;
    width: 40vw;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_image .image-set-v1 {
    position: absolute;
    width: 100%;
    height: 31.3vw !important;
    top: 2vw;
    right: 7.5vw;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_image .image-set-v1 img {
    height: 100%;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_image .image-set-v2 {
    position: absolute;
    width: 100%;
    top: 2vw;
    right: 13vw;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 68.698vw;
    margin: 4vw auto;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .column_item:first-child{
    margin-right: 3.5vw;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .column_item:nth-child(2){
    width: 35.9vw;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .glance_heading-lv3 .heading_title {
    line-height: 1;
    margin-left: -1.8vw;
    font-size: 2.71vw;
    font-weight: 300;
    color: #e50014;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .glance_heading-lv3 .heading_title em {
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .glance_heading-lv3 .heading_subtitle {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 1.05vw;
    font-weight: bold;
    font-style: normal;
    color: #e50014;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .glance_heading-lv3 .heading_subtitle .f-gray {
    color: #666666;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .colDetail {
    margin-top: 2.605vw;
    font-size: 1.146vw;
    font-weight: 500;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .colDetail .f-bg-red {
    padding: 0 0.4vw;
    background: #e50014;
    color: #ffffff;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .column_item .image-set img {
    width: 100%
  }
  #glance_main .glance-section .glance-compo08 {
    margin-top: 5.21vw;
    padding: 4.3vw 0 5vw;
    background: #f0f0ee;
  }
  #glance_main .glance-section .glance-compo08 .glance_heading-lv3 .heading_title {
    padding: 0 calc(80px + 1vw);
    color: #545454;
    font-size: 1.667vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 79.9%;
    margin: 0 auto;
    padding-top: 0.5vw;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item:first-child {
    width: 42%;
    margin: 3vw 3vw 0 0;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item:nth-child(2) {
    width: 55%;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .f-bg-red {
    text-align: center;
    padding: 0.1vw 0 0.3vw;
    color: #ffffff;
    font-size: 1.67vw;
    font-weight: bold;
    background: #e50014;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 {
    position: relative;
    margin-top: 1.667vw;
    padding: 0.938vw 3%;
    border: 2px solid #545454;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1::after {
    position: absolute;
    top: 45%;
    left: 100%;
    width: 3.2vw;
    height: 2vw;
    background: url("/jp/about/img/glance_ic03.png") no-repeat 0 0;
    background-size: 3.1vw auto;
    content: "";
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > p {
    float: left;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > .box_title {
    line-height: 1.5;
    margin-right: 2.281vw;
    color: #545454;
    font-size: 2.1vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > .box_bg-red {
    display: table;
    line-height: 1.5;
    text-align: center;
    height: 3.646vw;
    padding: 0  4%;
    background-color: #e50014;
    color: #ffffff;
    font-size: 1.05vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > .box_bg-red span {
    display: table-cell;
    vertical-align: middle;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > .box_f-gray {
    line-height: 1.4;
    position: relative;
    width: 10.0523vw;
    text-align: center;
    padding: 0.36vw 0;
    color: #545454;
    font-size: 1.05vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > .box_f-gray::before {
    position: absolute;
    top: 34%;
    left: 1px;
    width: 1.667vw;
    height: 1.25vw;
    background: url("/jp/about/img/glance_ic02.png") no-repeat 0 0;
    background-size: 1.667vw 1.25vw;
    content: "";
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > .box_f-gray::after {
    position: absolute;
    top: 34%;
    right: 1px;
    width: 1.667vw;
    height: 1.25vw;
    background: url("/jp/about/img/glance_ic02.png") no-repeat 0 0;
    background-size: 1.667vw 1.25vw;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    content: "";
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .box_list {
    margin-top: 1.05vw;
    padding: 0.2vw 1.05vw;
    background-color: #ffffff;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .box_list> li {
    color: #545454;
    font-size: 1.05vw;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .box_list> li em {
    font-weight: bold;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col_title {
    color: #545454;
    font-size: 1.4vw;
    font-weight: bold;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 {
    margin-top: 0.5vw;
    padding: 0.938vw 1.05vw;
    border: 2px solid #545454;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 > .box_title {
    text-align: center;
    color: #e50014;
    font-size: 1.459vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 > .col {
    float: left;
    width: 49%;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v3 {
    padding: 0.4vw 1vw 0.9vw;
    background-color: #ffffff;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v3 > .box_title {
    text-align: center;
    border-bottom: 2px solid #545454;
    color: #454545;
    font-size: 1.1vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v3 > .col_list {
    margin-top: 0.8vw;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v3 > .col_list > .col_title {
    line-height: 1.5;
    float: left;
    margin-right: 0.8vw;
    color: #e50014;
    font-size: 0.88vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v3 > .col_list > .col_detail {
    line-height: 1.5;
    float: left;
    color: #545454;
    font-size: 0.8vw;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 > .col.compo08-box-v3 {
    margin-left: 2%;
    padding-bottom: 1.5vw;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 > .col.compo08-box-v3 > .col_list > .col_title {
    width: 8vw;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 > .col.compo08-box-v3 > .col_list > .col_detail {
    width: 8vw;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v4 > .box_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 0.7vw 1vw 0.9vw;
    background-color: #e0edfe;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v4 > .box_list > .box_title {
    line-height: 1.2;
    margin-right: 2.1vw;
    color: #6699cc;
    font-size: 1.44vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v4 > .box_list > .box_detail {
    line-height: 1.5;
    color: #545454;
    font-size: 0.8vw;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v5 {
    float: left;
    width: 49%;
    margin-top: 1vw;
    margin-right: 1%;
    background-color: #ddeedc;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v6 {
    float: right;
    width: 49%;
    margin-top: 1vw;
    background-color: #eeddef;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v5 > .box_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 1vw 1.5vw 0.9vw;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v5 > .box_list > .box_title {
    line-height: 1.2;
    margin-right: 1.5vw;
    color: #79b259;
    font-size: 1.44vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v5 > .box_list > .box_detail {
    position: relative;
    line-height: 1.5;
    color: #545454;
    font-size: 0.8vw;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v5 > .box_list > .box_detail > .glance-tx-right {
    display: block;
    position: absolute;
    bottom: 0;
    right: -2.3vw;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v6 > .box_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 1vw 1.5vw 0.9vw;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v6 > .box_list > .box_title {
    line-height: 1.2;
    margin-right: 3.5vw;
    color: #824aaf;
    font-size: 1.44vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v6 > .box_list > .box_detail {
    line-height: 1.5;
    color: #545454;
    font-size: 0.8vw;
  }
  #glance_main .glance-section .glance-compo09 {
    padding: 4.3vw 0 0;
  }
  #glance_main .glance-section .glance-compo09 .glance_heading-lv3 .heading_title {
    margin: 0 calc(80px + 1vw);
    color: #545454;
    font-size: 1.667vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .glance_heading-lv3 .heading_title small {
    color: #545454;
    font-size: 1.2vw;
    font-weight: normal;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 3vw auto 0;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item {
    margin-left: 3vw;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item:first-child {
    margin-left: 0;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item:last-child {
    display: table;
    margin-left: 2vw;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item .col_list {
    text-align: center;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item .col_list .col_title {
    color: #545454;
    font-size: 1.05vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item .col_list .col_detail {
    line-height: 1;
    font-family: Arial, Helvetica, "sans-serif";
    color: #e50014;
    font-size: 2.5vw;
    font-weight: bold;
    border-bottom: 0.5vw solid #e50014;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item .col_list .col_detail em {
    font-size: 5.2vw;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item .subText {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 0.5vw;
    color: #545454;
    font-size: 1.4vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout {
    width: 68.75vw;
    margin: 10vw auto;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item:first-child {
    padding: 2vw 0;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item:nth-child(2) {
    padding: 1vw 0;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 {
    position: relative;
    width: 25vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-year {
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 5vw;
    left: 9.8vw;
    color: #545454;
    font-size: 1.05vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-year em {
    font-family: Arial, Helvetica, "sans-serif";
    color: #e50014;
    font-size: 2.5vw;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail01 {
    position: absolute;
    bottom: -2.2vw;
    right: 2.2vw;
    background: url("/jp/about/img/glance_im28.png") no-repeat 0 100%;
    background-size: auto 3vw;
    padding-left: 2vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail01 .detail01-category-1 {
    color: #545454;
    font-size: 0.94vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail01 .detail01-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #545454;
    font-size: 1.25vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail01 .detail01-number em {
    font-size: 2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail02 {
    position: absolute;
    top: -6vw;
    left: 4.5vw;
    padding-bottom: 2vw;
    background: url("/jp/about/img/glance_im29.png") no-repeat 0 100%;
    background-size: auto 2vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail02 .detail02-category-1 {
    color: #545454;
    font-size: 0.94vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail02 .detail02-category-2 {
    color: #545454;
    font-size: 0.75vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail02 .detail02-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #545454;
    font-size: 1.25vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail02 .detail02-number em {
    font-size: 2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail03 {
    position: absolute;
    top: -6vw;
    left: 12vw;
    padding-bottom: 2vw;
    background: url("/jp/about/img/glance_im30.png") no-repeat 0 100%;
    background-size: auto 2vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail03 .detail03-category-1 {
    color: #545454;
    font-size: 0.94vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail03 .detail03-category-2 {
    color: #545454;
    font-size: 0.75vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail03 .detail03-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #545454;
    font-size: 1.25vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail03 .detail03-number em {
    font-size: 2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 {
    position: relative;
    width: 29vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-year {
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 6vw;
    left: 11.7vw;
    color: #545454;
    font-size: 1.05vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-year em {
    font-family: Arial, Helvetica, "sans-serif";
    color: #e50014;
    font-size: 2.5vw;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail01 {
    position: absolute;
    bottom: -1.4vw;
    right: 3.2vw;
    padding-left: 2vw;
    background: url("/jp/about/img/glance_im31.png") no-repeat 0 100%;
    background-size: auto 2.8vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail01 .detail01-category-1 {
    color: #545454;
    font-size: 0.94vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail01 .detail01-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #545454;
    font-size: 1.25vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail01 .detail01-number em {
    font-size: 2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail02 {
    position: absolute;
    top: -7.5vw;
    left: 5.1vw;
    padding-bottom: 6.1vw;
    background: url("/jp/about/img/glance_im32.png") no-repeat 0 100%;
    background-size: auto 6.1vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail02 .detail02-category-1 {
    color: #545454;
    font-size: 0.94vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail02 .detail02-category-2 {
    color: #545454;
    font-size: 0.75vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail02 .detail02-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #545454;
    font-size: 1.25vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail02 .detail02-number em {
    font-size: 2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail03 {
    position: absolute;
    top: -6vw;
    left: 14vw;
    padding-bottom: 1.9vw;
    background: url("/jp/about/img/glance_im33.png") no-repeat 0 100%;
    background-size: auto 1.9vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail03 .detail03-category-1 {
    color: #545454;
    font-size: 0.94vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail03 .detail03-category-2 {
    color: #545454;
    font-size: 0.75vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail03 .detail03-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #545454;
    font-size: 1.25vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail03 .detail03-number em {
    font-size: 2vw;
    font-style: normal;
  }
  
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 {
    position: relative;
    width: 32vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-year {
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 6.8vw;
    left: 13.2vw;
    color: #545454;
    font-size: 1.05vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-year em {
    font-family: Arial, Helvetica, "sans-serif";
    color: #e50014;
    font-size: 2.5vw;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail01 {
    position: absolute;
    bottom: -0.4vw;
    right: 4.2vw;
    padding-left: 1.5vw;
    background: url("/jp/about/img/glance_im34.png") no-repeat 0 100%;
    background-size: auto 2.2vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail01 .detail01-category-1 {
    color: #545454;
    font-size: 0.94vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail01 .detail01-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #e50020;
    font-size: 1.25vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail01 .detail01-number em {
    font-size: 2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail02 {
    position: absolute;
    top: -5vw;
    left: 6.1vw;
    padding-bottom: 5.6vw;
    background: url("/jp/about/img/glance_im35.png") no-repeat 0 100%;
    background-size: auto 5.6vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail02 .detail02-category-1 {
    color: #545454;
    font-size: 0.94vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail02 .detail02-category-2 {
    color: #545454;
    font-size: 0.75vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail02 .detail02-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #e50020;
    font-size: 1.25vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail02 .detail02-number em {
    font-size: 2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail03 {
    position: absolute;
    top: -5.1vw;
    left: 15.5vw;
    padding-bottom: 1.1vw;
    background: url("/jp/about/img/glance_im36.png") no-repeat 0 100%;
    background-size: auto 1.1vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail03 .detail03-category-1 {
    color: #545454;
    font-size: 0.94vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail03 .detail03-category-2 {
    color: #545454;
    font-size: 0.75vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail03 .detail03-number {
    line-height: 1.2;
    color: #e50020;
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 1.25vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail03 .detail03-number em {
    font-size: 2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .link-button {
    width: 50%;
    margin: 0 auto;
    font-size: 0.85vw;
    justify-content: center;
  }
  
  /* ----- glance_modal ----- */
  #cboxOverlay.modal-glance {
    background-color: #000000;
    opacity: 0.8 !important;
  }
  #colorbox.modal-glance, .modal-glance #cboxContent, .modal-glance #cboxLoadedContent{
    box-sizing: border-box;
  }
  .modal-glance #cboxContent {
    background-color: rgba(0, 0, 0, 0);
    padding: 8vw 15vw;
  }
  .modal-glance #cboxLoadedContent,
  .modal-glance #cboxContent,
  .modal-glance #cboxWrapper,
  #colorbox.modal-glance {
    width: 100% !important;
  }
  .modal-glance #cboxLoadedContent {
    background-color: rgba(0, 0, 0, 0);
  }
  .modal-glance #cboxNext {
    margin-top: 0;
    top: 20vw;
    right: 10vw;
    background-color: rgba(0, 0, 0, 0) !important;
  }
  .modal-glance #cboxPrevious {
    margin-top: 0;
    top: 20vw;
    left: 8vw;
    background-color: rgba(0, 0, 0, 0) !important;
  }
  .modal-glance #cboxPrevious::before {
    width: 2.5vw;
    height: 2.5vw;
    border-top: 2px solid #e50014;
    border-right: 2px solid #e50014;
  }
  .modal-glance #cboxNext::before {
    width: 2.5vw;
    height: 2.5vw;
    left: -40%;
    border-top: 2px solid #e50014;
    border-right: 2px solid #e50014;
  }
  .modal-glance #cboxCurrent {
    display: none !important;
  }
  .modal-glance #cboxClose {
    top: 8vw !important;
    right: 12vw !important;
    width: 3vw !important;
    height: 3vw !important;
    background-color: #e50014;
  }
  .modal-glance #cboxClose::before,
  .modal-glance #cboxClose::after {
    left: 23%;
    width: 1.5vw;
    border-top: 3px solid #ffffff;
  }
  .modal-glance .modal_title {
    color: #ffffff;
  }
  .modal-glance .modal_contents {
    margin-top: 3vw;
    color: #ffffff;
  }
  .modal-glance .modal_contents .modal_sub_title {
    font-size: 1.05vw;
    font-weight: 700;
  }
  .modal-glance .modal_contents .modal_read_text {
    line-height: 1;
    text-align: center;
    margin-top: 1.5vw;
    border-bottom: 1px solid #ffffff;
    font-size: 1.9vw;
  }
  .modal-glance .modal_contents .modal_read_text em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 4.18vw;
    font-style: normal;
  }
  .modal-glance .modal_contents .modal_sub_text,
  .modal-glance .modal_contents .modal_note_text {
    margin-top: 1.5vw;
  }
  .modal-glance .column-media .column_image .image-set figcaption {
    color: #ffffff;
  }
  .modal-glance .column-media > .column_image[data-image="left"] {
    width: 50%;
    margin-right: 2.6vw;
  }
  /* ----- inviewEffect ----- */
  .js-inviewEffect {
    opacity: 0;
    -webkit-transform: translate3d(0px, 120px, 0px);
    transform: translate3d(0px, 120px, 0px);
    -webkit-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
  }
  .js-inviewEffect.is-active {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .philosophy-vision_boxCol {
    display: block;
  }
  .philosophy-vision_boxCol .fourBox {
    padding-right: 0;
    width: 100%;
  }
  .philosophy-vision_boxCol .twoBox {
    width: 280px;
  }
  /* ----- /jp/about/glance.html ----- */
  #glance_main .glance-section .glance-compo02 .compo02-column-layout > .column_item .col,
  #glance_main .glance-section .glance-compo02 .compo02-column-layout-v2 > .column_item .col {
    width: 100%;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout > .column_item .col .colDetail,
  #glance_main .glance-section .glance-compo02 .compo02-column-layout-v2 > .column_item .col .colDetail {
    font-size: 1.17vw;
  }
}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  
  /* ----- /jp/about/related-companies.html ----- */
  .related-map .related-map_list  {
    display: none;
  }
  /* ----- /jp/about/policies.html ----- */
  .policies-text {
    text-indent:  -4.5em;
    padding-left: 4.5em;
  }
  .box-layout.box-frame-border > .box_detail {
    border-top: 1px solid #ddd;
  }
  /* ----- /jp/about/code-of-conduct.html ----- */
  .column-media._code-of-conduct[data-layout-sp="col"] > .column_image > .image-set > .image_inner,
  .column-media._code-of-conduct[data-layout-sp="col-reverse"] .column_image > .image-set > .image_inner {
      width: 100px !important;
      margin-left: auto;
      margin-right: auto;
  }
  /* ----- /jp/about/ ----- */
  .linkType01{
    position: relative;
    padding-left: 7%;
    font-size: 1.7rem;
  }
  .linkType01:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    width: 0.5em;
    height: 0.5em;
    margin-top: -6px;
    border-top: 1px solid #e50115;
    border-right: 1px solid #e50115;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  /* mainVisual */
  .mainVisual{
    margin: 2em calc(((100vw - 100%) / 2) * -1) 0;
    background: url(/jp/about/img/index_bg01_sp.jpg) #426692 no-repeat top;
    -webkit-background-size: contain;
    background-size: contain;
    color: #fff;
    padding: 40px 0 33px;
    font-family: "Noto Sans CJK JP";
  }
  .mainVisual > .inner{
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
  }
  .mainVisual > .inner > .visualTitle{
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
  .mainVisual > .inner > .colWrap.threeCol .col{
    margin-bottom: 30px;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .colTitle{
    font-size: 1.3rem;
    text-align: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #a9b9c8;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .readText{
    width: 100%;
    text-align: center;
    line-height: 1.2;
    margin-top: 7px;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .readText img{
    width: calc((100vw - 100%)*1.5);
    margin-top: 5px;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .readText span{
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.2;
    margin-top: 7px;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .readText span em{
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 4.7rem;
    font-style: normal;
    letter-spacing: -0.03em;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .subText{
    font-size: 1.1rem;
    padding-left: 20%;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol{
    width: 100%;
    margin-top: 20px;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .imgL{
    float: left;
    width: 38%;
    text-align: center;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .text  {
    float: right;
    width: 60%;
    padding-left: 2%;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .text li{
    position: relative;
    font-size: 1.1rem;
    padding-left: 10%;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .text li:before{
    position: absolute;
    content: "";
    width: 1.0em;
    height: 1.0em;
    top: 0.5em;
    left: 0;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .text li:last-child{
    margin-bottom: 0px;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .text li.color01:before{
    background-color: #c23440;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .text li.color02:before{
    background-color: #cf8442;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .text li.color03:before{
    background-color: #4c9942;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .text li.color04:before{
    background-color: #2db8ae;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .text li.color05:before{
    background-color: #3779bd;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .text li.color06:before{
    background-color: #2d499d;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .text li.color07:before{
    background-color: #674d9b;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .text li.color08:before{
    background-color: #af569d;
  }
  .mainVisual > .inner > .colWrap.threeCol .col .imgCol .text li.color09:before{
    background-color: #5d5d5e;
  }
  
  /* topMassage */
  .topMassage{
    margin-top: 40px;
  }
  .topMassage > a{
    position: relative;
    display: block;
    width: 100%;
    color: #333;
  }
 .topMassage > a:hover{
    opacity: 0.8;
  }
  .topMassage > a > .textArea{
    position: absolute;
    width: 46%;
    right: 0;
    top: 50%;
    margin-top: -100px;
  }
  .topMassage > a > .textArea > .linkType01{
    font-size: 1.7rem;
  }
  .topMassage > a > .textArea > .nameCol{
    font-size:  1.2rem;
    padding-top: 20px;
  }
  .topMassage > a > .textArea > .nameCol .col:nth-child(2){
    margin-right: 0;
  }
  .topMassage > a > .textArea > .nameCol .col span.name{
    font-size: 1.5rem  ;
    font-weight: bold;
  }
  /* categoryCol */
  .categoryCol{
    margin-top: 40px;
  }
  .categoryCol .col{
    margin-bottom: 30px;
  }
  .categoryCol .col a{
    display: block;
    color: #333;
    text-decoration: none;
  }
  .categoryCol .col a .linkType01{
    margin-top: 10px;
  }
  .categoryCol .col img{
    width: 100%;
  }
  /* ----- /jp/about/philosophy-vision.html ----- */
  /* philosophy-vision_bg */
  .philosophy-vision_bg{
    font-family: "Noto Sans CJK JP";
    position: relative;
    margin: 2.85em -15px 30px;
  }
  .philosophy-vision_bg .onText{
    position: absolute;
    top: 5%;
    left: 5%;
    font-size: 12px;
    width: 65%;
  }
  .philosophy-vision_bg .onText .txHeading{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .philosophy-vision_bg .onText .txHeading span{
    font-size: 21px;
    font-weight: bold;
    color: #d30413; 
  }
  
  /* philosophy-vision_hd-lv2 */
  .philosophy-vision_hd-lv2{
    font-size: 21px;
    font-weight: bold;
    font-family: "Noto Sans CJK JP";
    margin-bottom: 20px;
  }
  
  /* philosophy-vision_imgCol */
  .philosophy-vision_imgCol{
    width: 100%;
    margin-bottom: 60px;
  }
  .philosophy-vision_imgCol .imgL{
    text-align: center;
    margin-bottom: 20px;
  }
  .philosophy-vision_imgCol .imgL img{
    width: 70%;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn{
    position: relative;
    font-family: "Noto Sans CJK JP";
    font-weight: bold;
    font-size: 20px;
    background-color: #efefef;
    margin-bottom: 20px;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn a{
    display: block;
    width: 100%;
    padding: 10px 15px;
    color: #333333;
    text-decoration: none;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn a:hover{
    opacity: 0.4;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn:after{
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border-top: 1px solid #e50115;
    border-right: 1px solid #e50115;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .philosophy-vision_imgCol .ancBox .ancBtn span{
    padding-left: 38px;
    position: relative;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn span:before{
    position: absolute;
    content: "";
    background: url(/jp/about/img/philosophy-vision_ic01.png) no-repeat;
    width: 26px;
    height: 26px;
    top: 0.2em;
    left: 0;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn.num02 span:before{
    background: url(/jp/about/img/philosophy-vision_ic02.png) no-repeat;
  }
  .philosophy-vision_imgCol .ancBox .ancBtn.num03 span:before{
    background: url(/jp/about/img/philosophy-vision_ic03.png) no-repeat;
  }
  .philosophy-vision_imgCol .ancBox .nmlText{
    margin-bottom: 30px;
  }
  .philosophy-vision_imgCol .line-layout{
    margin: 30px 0;
  }
  
  /* philosophy-vision_hd-lv3 */
  .philosophy-vision_hd-lv3{
    font-family: "Noto Sans CJK JP";
    font-size: 21px;
    font-weight: bold;
    padding: 0 0 5px 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    background: url(/jp/about/img/philosophy-vision_ic01.png) no-repeat 0 50%;
  }
  .philosophy-vision_hd-lv3.num02{
    background: url(/jp/about/img/philosophy-vision_ic02.png) no-repeat 0 50%;
  }
  .philosophy-vision_hd-lv3.num03{
    background: url(/jp/about/img/philosophy-vision_ic03.png) no-repeat 0 50%;
  }
  .philosophy-vision_hd-lv3 + p{
    margin-bottom: 30px;
  }
  
  /* boxCol */
  .philosophy-vision_boxCol{
    border: none;
    margin-bottom: 30px;
  }
  .philosophy-vision_boxCol .boxTitle,
  .philosophy-visionTitle {
    font-family: "Noto Sans CJK JP";
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .philosophy-vision_boxCol .fourBox{
    width: 100%;
    margin: 0 36px 10px 0;
  }
  .philosophy-vision_boxCol .fourBox .colWrap{
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .philosophy-vision_boxCol .fourBox .colWrap:after{
    content: "";
    position: absolute;
    right: 42%;
    top: 55%;
    width: 15%;
    height: 0px;
    margin-top: -6px;
    border-top: 1px solid #b9b9b9;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .philosophy-vision_boxCol .fourBox .colWrap:before{
    content: "";
    position: absolute;
    right: 42%;
    top: 55%;
    width: 15%;
    height: 0px;
    margin-top: -6px;
    border-top: 1px solid #b9b9b9;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .philosophy-vision_boxCol .fourBox .col{
    width: calc((100% - 5px)/2);
    margin: 0 5px 5px 0;
    text-align: center;
    padding: 10px 20px 20px;
    background-color: #fceded;
  }
  .philosophy-vision_boxCol .fourBox .col p{
    font-size: 13px;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-child(2n){
    margin-right: 0;
  }
  .philosophy-vision_boxCol .fourBox .col .colTitle{
    font-family: "Noto Sans CJK JP";
    font-size: 21px;
    font-weight: bold;
    color: #dc0917;
    margin-bottom: 5px;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-of-type(2){
    background-color: #e7e7f4;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-of-type(3){
    background-color: #e9f1e6;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-of-type(4){
    background-color: #f4eede;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-of-type(2) .colTitle{
    color: #592e98;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-of-type(3) .colTitle{
    color: #108112;
  }
  .philosophy-vision_boxCol .fourBox .col:nth-of-type(4) .colTitle{
    color: #d56900;
  }
  
  .philosophy-vision_boxCol .twoBox{
    position: relative;
    width: 100%;
  }
  .twoBoxDetail {
    position: relative;
  }
  .philosophy-vision_boxCol .twoBox .twoBoxDetail:after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 50%;
    width: 38px;
    height: 2px;
    margin-left: -19px;
    border-top: 1px solid #999999;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .philosophy-vision_boxCol .twoBox .col{
    position: relative;
    border: 1px solid #b7d5ee;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    padding: 30px 20px;
    margin-bottom: 5px;
  }
  .philosophy-vision_boxCol .twoBox .col:nth-of-type(1):after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5%;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    margin-left: -5px;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .philosophy-vision_boxCol .twoBox .col:nth-of-type(2){
    border: 1px solid #c5d4f0;
    margin-bottom: 0;
  }
  .philosophy-vision_boxCol .twoBox .col:nth-of-type(2):after{
    content: "";
    position: absolute;
    left: 50%;
    top: 10%;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    margin-left: -5px;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .philosophy-vision_boxCol .twoBox .col .colTitle{
    font-family: "Noto Sans CJK JP";
    font-size: 21px;
    font-weight: bold;
    color: #1083c8;
    margin-right: 20px;
  }
  .philosophy-vision_boxCol .twoBox .col:nth-of-type(2) .colTitle{
    color: #2265b8;
  }
  
  /* philosophy-vision_sloganBox */
  .philosophy-vision_sloganBox{
    border: 1px solid #dddddd;
    text-align: center;
    padding: 25px;
  }
  .philosophy-vision_sloganBox p{
    font-size: 14px;
  }
  .philosophy-vision_sloganBox .boxTitle{
    font-family: "Noto Sans CJK JP";
    font-size: 16px;
    color: #555555;
    margin-bottom: 25px;
  }
  .philosophy-vision_sloganBox .slogan{
    margin-bottom: 20px;
  }
  /* ----- /jp/about/philosophy.html ----- */
  .philosophy-container {
    padding: 0;
  }
  .philosophy-layout {
    padding-bottom: 20px;
    background: url("/jp/about/img/philosophy_bg01.png") repeat 0 0;
    font-family: 'Noto Sans CJK JP';
  }
  .philosophy_heading-lv1 {
    margin: 0 15px;
    margin-bottom: 40vw;
    padding-top: 30px;
    text-align: center;
  }
  .philosophy_heading-lv2,
  .philosophy_heading-lv3  {
    margin: 50px 0 20px;
  }
  .philosophy-paragraph-area {
    padding: 0 15px 35px;
    background-size: cover;
    background-color: #fff;
  }
  .philosophy-paragraph_block {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.65;
  }
  .philosophy-paragraph_block.first-block {
    position: relative;
    padding-top: 43vw;
  }
  .philosophy-image {
    margin: 0 auto 30px;
  }
  .philosophy-image.img-type01 {
    position: absolute;
    top: -32vw;
    left: 50%;
    margin-bottom: 0;
    margin-left: -27.8%;
    width: 55.5%;
  }
  .philosophy-image.is-fixed {
    position: fixed;
    top: 160px;
  }
  .philosophy-image .image_inner {
    position: relative;
    width: 100%;
    box-shadow: 0 6px 12px rgba(0,0,0,0.35);
  }
  .philosophy-image .image_caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 9px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 1.2rem;
    font-weight: normal;
  }
  .philosophy-image img {
    width: 100%;
  }
  .philosophy-paragraph_block .imageW-01 {
    width: 48.5%;
  }
  .philosophy-paragraph_block .imageW-02 {
    width: 59.4%;
  }
  .philosophy-paragraph_block .column-layout {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .philosophy-paragraph_block .column-layout > .column_item {
    margin-top: 0;
  }
  .philosophy-paragraph_block .column-layout > .column_item:nth-of-type(1) {
    width: 56.5%;
    margin-right: 4.5%;
  }
  .philosophy-paragraph_block .column-layout > .column_item:nth-of-type(2) {
    width: 39%;
  }
  .js-scroll-block {
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transition: 1s;
  }
  /* ----- /jp/about/glance.html ----- */
  #glance_heading {
    font-family: "Noto Sans CJK JP";
    margin: -20px -20px 4% !important;
  }
  #glance_heading .glance_heading-lv1 {
    width: 100%;
    padding: 8% 0;
    background: url("/jp/about/img/glance_bg01.png") no-repeat center top;
    background-size: cover;
  }
  #glance_heading .glance_heading-lv1 .heading_title {
    text-align: center;
    position: relative;
    padding-bottom: 2%;
    font-size: 31px;
  }
  #glance_heading .glance_heading-lv1 .heading_title::after {
    position: absolute;
    bottom: 0;
    left: 41%;
    width: 70px;
    height: 3px;
    background-color: #e50014;
    content: "";
  }
  #glance_heading .glance_heading-lv1 .heading_detail {
    text-align: center;
    margin-top: 8%;
    padding: 0 9.2%;
    font-size: 15px;
  }
  #glance_heading .glance_heading-movie {
    padding: 4% 7% 8%;
    background-color: #000000;
  }
  #glance_heading .glance_heading-movie .movie_title {
    color: #ffffff;
    font-size: 15px;;
    font-weight: bold;
  }
  #glance_heading .glance_heading-movie .cboxIframe {
    width: 100%;
    height: 100%;
    margin-top: 4%;
    background-color: #000000;
  }
  #glance_main {
    font-family: "Noto Sans CJK JP";
    margin: 0 -20px;
  }
  #glance_main .glance-section {
    margin-top: 8%;
  }
  #glance_main .glance-section .glance_heading-lv2 {
    text-align: center;
    padding: 0 4% 2%;
  }
  #glance_main .glance-section .glance_heading-lv2 .heading_title {
    font-size: 26px;
    font-weight: 500;
  }
  #glance_main .glance-section:nth-child(3) .glance_heading-lv2 .heading_subtitle {
    text-align: left;
    padding-top: 2%;
  }
  #glance_main .glance-section .glance-compo01 {
    padding: 5% 0 7%;
    background: url("/jp/about/img/glance_bg02.jpg") no-repeat left 13% top 0;
    background-size: cover;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout {
    text-align: center;
    width: 85%;
    margin: 0 auto;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item + .column_item {
    margin-top: 6%;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2,
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col {
    margin-top: 6%;
    color: #ffffff;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item:first-child .col-lv2 {
    margin-top: 8%;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2:first-child,
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col:first-child {
    margin-top: 0;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail-lv2,
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail,
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ffffff;
  }
  #glance_main .glance-section .compo01-column-layout .column_item .col .colTitle {
    display: table-cell;
    vertical-align: bottom;
    width: 30%;
    text-align: left;
    padding-bottom: 2%;
    font-size: 15px;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col .readText {
    display: table-cell;
    line-height: 1.2;
    text-align: left;
    width: 70%;
    font-size: 21px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item:nth-child(2) .col .readText em {
    font-size: 46px;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col .readText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 38px;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colTitle {
    text-align: left;
    font-size: 15px;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail .subText {
    line-height: 1;
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    width: 30%;
    padding-bottom: 2%;
    font-size: 17px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail .subText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 29px;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail .readText {
    line-height: 1.2;
    display: table-cell;
    text-align: left;
    width: 70%;
    font-size: 21px;
    font-weight: 700;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail .readText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 46px;
    font-style: normal;
    font-weight: normal;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail .readText small {
    font-size: 17px;
    font-weight: 700;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail-lv2 {
    float: left;
    text-align: left;
    width: 50%;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail-lv2 .subText {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    width: 3em;
    padding-bottom: 3%;
    font-size: 17px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail-lv2 .readText {
    line-height: 1.2;
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    width: calc(100% - 3em);
    font-size: 21px;
    font-weight: 700;
  }
  #glance_main .glance-section .glance-compo01 .compo01-column-layout .column_item .col-lv2 .colDetail-lv2 .readText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 38px;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo02 {
    padding-bottom: 6%;
  }
  #glance_main .glance-section .glance-compo02 .column_item a.block {
    display: block;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout {
    width: 100%;
    margin: 0 auto;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout > .column_item:first-child {
    margin-top: 0;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout > .column_item {
    margin-top: 8%
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout > .column_item .col .textArea {
    padding: 3% 4% 0;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout > .column_item .col .textArea .colTitle {
    font-size: 18px;;
    font-weight: bold;
    color: #545454;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout > .column_item .col .colDetail {
    margin-top: 2%;
    color: #545454;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout > .column_item figure {
    margin-top: 4%;
    text-align: center;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout > .column_item:first-child figure {
    margin-top: 0;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout-v2 {
    width: 100%;
    margin: 0 auto;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout-v2 > .column_item {
    margin-top: 8%;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout-v2 > .column_item .col .textArea {
    padding: 3% 4% 0;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout-v2 > .column_item .col .textArea .colTitle {
    font-size: 18px;
    font-weight: bold;
    color: #545454;
  }
  #glance_main .glance-section .glance-compo02 .compo02-column-layout-v2 > .column_item .col .colDetail {
    margin-top: 2%;
    color: #545454;
  }
  #glance_main .glance-section .glance-compo02 .column_item figure {
    text-align: center;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout {
    position: relative;
    width: 100%;
    margin: 6% auto 0;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .glance_heading-lv3 .heading_title,
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .glance_heading-lv3 .heading_title {
    font-size: 21px;
    font-weight: bold;
    color: #ffffff;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .glance_heading-lv3 .heading_subtitle,
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .glance_heading-lv3 .heading_subtitle {
    color: #ffffff;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout > .column_item:first-child {
    padding: 5% 4% 12%;
    background: url("/jp/about/img/glance_bg03.jpg") no-repeat 0 0;
    background-size: cover;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col {
    margin: 4% 5% 0;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colDetail {
    display: table;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colTitle {
    text-align: left;
    font-size: 15px;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colDetail .subText {
    line-height: 1;
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    width: 25%;
    font-size: 16px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colDetail .subText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colDetail .readText {
    line-height: 1;
    display: table-cell;
    text-align: left;
    width: 53%;
    font-size: 21px;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colDetail .readText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 48px;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-col .colDetail .readText small {
    font-size: 21px;
  }
  #glance_main .glance-section .glance-link-button {
    padding: 5% 0 !important;
  }
  #glance_main .glance-section .glance-link-button .a-blank::after {
    width: 13px;
    height: 13px;
    background-position: -140px 0;
    position: relative;
    display: inline-block;
    margin: 0.5em 0 0 10px;
  }
  #glance_main .glance-section .glance-link-button li a {
    display: block;
    text-align: center;
    width: 180px;
    margin: 0 auto;
    padding: 3%   0;
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout > .column_item:nth-child(2) {
    padding: 5%;
    background-color: #495669;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 4% 6% 14%;
    border: 2px solid #ffffff;
    color: #ffffff;
    text-decoration: none;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item a::after {
    position: absolute;
    right: 0.5vw;
    bottom: 0.5vw;
    width: 4.8vw;
    height: 4.8vw;
    background: url("/jp/about/img/glance_ic01.png") no-repeat center center;
    background-size: 100%;
    content: "";
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item a::before {
    position: absolute;
    right: 0;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    width: 10vw;
    height: 10vw;
    border-top: 10vw solid transparent;
    border-right: 10vw solid #ffffff;
    content: "";
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item:nth-child(n + 2) a {
    border-top: 0;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item a .colTitle {
    font-size: 15px;
    font-weight: 700;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item a .colTitle small {
    font-size: 12px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item a .readText {
    text-align: center;
    width: 100%;
    margin-bottom: 5%;
    font-size: 21px;
    border-bottom: 1px solid #ffffff;
  }
  #glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2 .column_item a .readText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 48px;;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout > .column_item:first-child {
    padding: 5% 4%;
    background: url("/jp/about/img/glance_bg04.jpg") no-repeat 0 0;
    background-size: 190vw;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout > .column_item:nth-child(2) {
    background: #638cb7;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item {
    margin-bottom: 1%;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item a.block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row-reverse;
    flex-flow: row-reverse;
    -webkit-align-items: center;
    align-items: center;
    background-color: #234b77;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item figure {
    width: 57%;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea {
    width: 43%;
    padding: 5%;
    color: #ffffff;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea .colTitle {
    text-align: center;
    padding: 0.8vw 0;
    font-size: 15px;
    font-weight: 700;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea .colTitle small {
    font-size: 12.5px;
    font-weight: 700;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea .readText {
    text-align: center;
    line-height: 1;
    border-bottom: 2px solid #ffffff;
    font-size: 24px;
    font-weight: 700;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea .readText em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 48px;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea .subText {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo04 .glance-link-button {
    margin-top: 0;
    padding: 2em 0;
  }
  #glance_main .glance-section .glance-compo05 {
    width: 100%;
    margin: 0 auto;
    padding: 9% 7%;
    background: url("/jp/about/img/glance_bg05.jpg") no-repeat center;
    background-size: cover;
  }
  #glance_main .glance-section .glance-compo05 .glance_heading-lv3 .heading_title {
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    color: #ffffff;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v1 {
    margin-top: 5%;
    border: 1px solid #910007;
    background-color: rgba(145,0,7,0.6);
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v2 {
    margin-top: 8%;
    border: 1px solid #234b77;
    background-color: rgba(35,75,119,0.6);
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .colDetail {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap:wrap;
    color: #ffffff;
    align-items: center;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v1 .colDetail {
    border-top: 1px solid #910007;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v1 .colDetail p {
    width: 50%;
    border-bottom: 1px solid #910007;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v1 .colDetail p:nth-child(odd) {
    border-right: 1px solid #910007;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v1 .colDetail p:last-child {
    border-bottom: none;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v2 .colDetail {
    border-top: 1px solid #234b77;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v2 .colDetail p {
    width: 50%;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .column_item-v2 .colDetail p:nth-child(2n) {
    border-left: 1px solid #234b77;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .colTitle {
    text-align: center;
    padding: 4% 0;
    color: #ffffff;
    font-size: 21px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo05 .compo05-column-layout .colDetail p {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 79px;
    padding: 10px 0;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
  }
  #glance_main .glance-section .glance-link-button-v2 {
    text-align: center;
    margin-top: 8%;
  }
  #glance_main .glance-section .glance-link-button-v2 li a {
    display: inline-block;
    text-align: center;
    width: 180px;
    padding: 4% 0;
    border: 1px solid;
    color: #ffffff;
    font-size: 14px;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout::after {
    position: absolute;
    display: block;
    width: 6px;
    height: 100%;
    top: 15%;
    left: 5%;
    background-image: linear-gradient(to bottom, #cbc0a9, #cbc0a9 1px, transparent 1px, transparent 8px);
    background-size: 6px 8px;
    background-repeat: repeat-y;
    background-position: 0 0;
    z-index: 1;
    content: "";
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout:last-child::after {
    height: 86%;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout {
    position: relative;
    width: 100%;
    background-color: #f0f0ee;
    margin: 12% auto 0;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout:first-child {
    margin-top: 0;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item:first-child {
    padding: 4%;
    z-index: 2;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item:nth-child(2) {
    position: relative;
    left: 30.7vw;
    width: 68%;
    min-height: 100%;
    background-color: #dcca9c;
    z-index: 2;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_year img {
    width: auto;
    max-height: 50px;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_detail {
    margin: 5% 0 0 7%;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_detail .glance-link-button a {
    position: relative;
    margin: 0;
  }
  #glance_main .glance-section .glance-compo06compo06 .compo06-column-layout .column_item .history_detail .glance-link-button .a-blank::after {
    position: relative;
    display: inline-block;
    margin: 9px 0 0 5px;
    background-position: -17px 0;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_image {
    position: relative;
    right: 22%;
    top: 1em;
  }
  #glance_main .glance-section .glance-compo06 .compo06-column-layout .column_item .history_image .image-set-v2 {
    width: 100vw;
    position: relative;
    right: 21vw;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout{
    width: 100%;
    margin: 0 auto;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .glance_heading-lv3 .heading_title {
    line-height: 1;
    font-size: 8.8vw;
    font-weight: 300;
    color: #e50014;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .glance_heading-lv3 .heading_title em {
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .glance_heading-lv3 .heading_subtitle {
    font-family: Arial, Helvetica, "sans-serif";
    padding: 0 4%;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    color: #e50014;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .glance_heading-lv3 .heading_subtitle .f-gray {
    color: #666666;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .colDetail {
    margin-top: 4%;
    padding: 0 4%;
    font-size: 14.3px;
    font-weight: 500;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .colDetail .f-bg-red {
    padding: 0 2%;
    background: #e50014;
    color: #ffffff;
  }
  #glance_main .glance-section .glance-compo07 .compo07-column-layout .column_item:nth-child(2) {
    padding: 0 4%;
  }
  #glance_main .glance-section .glance-compo08 {
    margin-top: 10%;
    padding: 8% 4%;
    background: #f0f0ee;
  }
  #glance_main .glance-section .glance-compo08 .glance_heading-lv3 .heading_title {
    color: #545454;
    font-size: 21px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout {
    width: 100%;
    margin: 8% auto 0;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .f-bg-red {
    text-align: center;
    padding: 2% 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    background: #e50014;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 {
    margin-top: 4%;
    padding: 2% 5%;
    border: 2px solid #545454;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > p {
    float: left;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > .box_title {
    line-height: 1.5;
    margin-right: 6%;
    color: #545454;
    font-size: 16px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > .box_bg-red {
    display: table;
    line-height: 1.5;
    text-align: center;
    height: 35px;
    padding: 0 4%;
    background-color: #e50014;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > .box_bg-red span {
    display: table-cell;
    vertical-align: middle;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > .box_f-gray {
    line-height: 1.4;
    position: relative;
    width: 33%;
    text-align: center;
    padding: 0.36vw 0;
    color: #545454;
    font-size: 10px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > .box_f-gray::before {
    position: absolute;
    top: 34%;
    left: 1px;
    width: 16px;
    height: 12px;
    background: url("/jp/about/img/glance_ic02.png") no-repeat 0 0;
    background-size: 16px 12px;
    content: "";
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col > .box_f-gray::after {
    position: absolute;
    top: 34%;
    right: 1px;
    width: 16px;
    height: 12px;
    background: url("/jp/about/img/glance_ic02.png") no-repeat 0 0;
    background-size: 16px 12px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    content: "";
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .box_list {
    margin-top: 2%;
    padding: 1% 2%;
    background-color: #ffffff;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .box_list> li {
    color: #545454;
    font-size: 10px;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .box_list> li em {
    font-weight: bold;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col_title {
    color: #545454;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    background: url("/jp/about/img/glance_ic03_sp.png") no-repeat 58% 0;
    background-size: auto 100%;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 {
    margin-top: 0.5vw;
    padding: 5% 2%;
    border: 2px solid #545454;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 > .box_title {
    text-align: center;
    color: #e50014;
    font-size: 17px;;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v3 {
    padding: 2% 4%;
    background-color: #ffffff;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v3 > .box_title {
    text-align: center;
    border-bottom: 2px solid #545454;
    color: #454545;
    font-size: 13px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v3 > .col_list {
    margin-top: 2%;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v3 > .col_list > .col_title {
    line-height: 1.5;
    float: left;
    margin-right: 4%;
    color: #e50014;
    font-size: 10px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v3 > .col_list > .col_detail {
    line-height: 1.5;
    float: left;
    color: #545454;
    font-size: 10px;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 > .col.compo08-box-v3 {
    margin-top: 4%;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 > .col.compo08-box-v3 > .col_list > .col_title {
    width: 30%;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v4 > .box_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 2%;
    background-color: #e0edfe;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v4 > .box_list > .box_title {
    line-height: 1.2;
    margin-right: 13%;
    color: #6699cc;
    font-size: 14px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v4 > .box_list > .box_detail {
    line-height: 1.5;
    color: #545454;
    font-size: 10px;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v5 {
    margin-top: 2%;
    background-color: #ddeedc;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v6 {
    margin-top: 2%;
    background-color: #eeddef;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v5 > .box_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 2%;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v5 > .box_list > .box_title {
    line-height: 1.2;
    margin-right: 9%;
    color: #79b259;
    font-size: 14px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v5 > .box_list > .box_detail {
    position: relative;
    line-height: 1.5;
    color: #545454;
    font-size: 10px;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v5 > .box_list > .box_detail > .glance-tx-right {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: -100%;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v6 > .box_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 2%;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v6 > .box_list > .box_title {
    line-height: 1.2;
    margin-right: 13%;
    color: #824aaf;
    font-size: 14px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .col> .compo08-box-v6 > .box_list > .box_detail {
    line-height: 1.5;
    color: #545454;
    font-size: 10px;
  }
  #glance_main .glance-section .glance-compo09 {
    padding: 8% 4%;
  }
  #glance_main .glance-section .glance-compo09 .glance_heading-lv3 .heading_title {
    color: #545454;
    font-size: 21px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .glance_heading-lv3 .heading_title small {
    color: #545454;
    font-size: 16px;
    font-weight: normal;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    margin: 6% auto 0;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item {
    margin-left: 8%;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item:first-child {
    margin-left: 0;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item:last-child {
    position: absolute;
    bottom: -2.5em;
    left: 68%;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item .col_list {
    text-align: center;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item .col_list .col_title {
    color: #545454;
    font-size: 12px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item .col_list .col_detail {
    line-height: 1;
    font-family: Arial, Helvetica, "sans-serif";
    color: #e50014;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 4px solid #e50014;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item .col_list .col_detail em {
    font-size: 50px;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .compo09-column-layout .column_item .subText {
    color: #545454;
    font-size: 14px;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout {
    width: 100%;
    margin: 40% auto 20%;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 {
    position: relative;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-year {
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 40%;
    bottom: 39%;
    left: 37%;
    right: 37%;
    color: #545454;
    font-size: 4vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-year em {
    font-family: Arial, Helvetica, "sans-serif";
    color: #e50014;
    font-size: 235%;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail01 {
    position: absolute;
    bottom: -21%;
    left: 59%;
    padding-left: 12%;
    background: url("/jp/about/img/glance_im28.png") no-repeat 0 100%;
    background-size: auto 14vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail01 .detail01-category-1 {
    color: #545454;
    font-size: 3.6vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail01 .detail01-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #545454;
    font-size: 4.8vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail01 .detail01-number em {
    font-size: 7.2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail02 {
    position: absolute;
    top: -50%;
    left: 13%;
    padding-bottom: 10vw;
    background: url("/jp/about/img/glance_im29.png") no-repeat 0 100%;
    background-size: auto 10vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail02 .detail02-category-1 {
    color: #545454;
    font-size: 3.6vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail02 .detail02-category-2 {
    color: #545454;
    font-size: 2.8vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail02 .detail02-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #545454;
    font-size: 4.8vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail02 .detail02-number em {
    font-size: 7.2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail03 {
    position: absolute;
    top: -50%;
    left: 48%;
    padding-bottom: 10.5vw;
    background: url("/jp/about/img/glance_im30.png") no-repeat 0 100%;
    background-size: auto 10.5vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail03 .detail03-category-1 {
    color: #545454;
    font-size: 3.6vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail03 .detail03-category-2 {
    color: #545454;
    font-size: 2.8vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail03 .detail03-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #545454;
    font-size: 4.8vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph01 .graph01-detail03 .detail03-number em {
    font-size: 7.2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 {
    position: relative;
    width: 130%;
    margin: 50% -15%;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-year {
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 40%;
    bottom: 39%;
    left: 37%;
    right: 37%;
    color: #545454;
    font-size: 4vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-year em {
    font-family: Arial, Helvetica, "sans-serif";
    color: #e50014;
    font-size: 235%;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail01 {
    position: absolute;
    top: 87%;
    left: 62%;
    padding-left: 7vw;
    background: url("/jp/about/img/glance_im31.png") no-repeat 0 100%;
    background-size: auto 11vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail01 .detail01-category-1 {
    color: #545454;
    font-size: 3.6vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail01 .detail01-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #545454;
    font-size: 4.8vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail01 .detail01-number em {
    font-size: 7.2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail02 {
    position: absolute;
    top: -32%;
    left: 17%;
    padding-bottom: 23.6vw;
    background: url("/jp/about/img/glance_im32.png") no-repeat 0 100%;
    background-size: 23.6vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail02 .detail02-category-1 {
    color: #545454;
    font-size: 3.6vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail02 .detail02-category-2 {
    color: #545454;
    font-size: 2.8vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail02 .detail02-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #545454;
    font-size: 4.8vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail02 .detail02-number em {
    font-size: 7.2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail03 {
    position: absolute;
    top: -35%;
    left: 48%;
    padding-bottom: 7.4vw;
    background: url("/jp/about/img/glance_im33.png") no-repeat 0 100%;
    background-size: auto 7.4vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail03 .detail03-category-1 {
    color: #545454;
    font-size: 3.6vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail03 .detail03-category-2 {
    color: #545454;
    font-size: 2.8vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail03 .detail03-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #545454;
    font-size: 4.8vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph02 .graph02-detail03 .detail03-number em {
    font-size: 7.2vw;
    font-style: normal;
  }
  
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 {
    position: relative;
    width: 150%;
    margin: 50% -25% 0;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-year {
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 40%;
    bottom: 39%;
    left: 37%;
    right: 37%;
    color: #545454;
    font-size: 4vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-year em {
    font-family: Arial, Helvetica, "sans-serif";
    color: #e50014;
    font-size: 235%;
    font-weight: normal;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail01 {
    position: absolute;
    bottom: -10%;
    right: 21%;
    padding-left: 8vw;
    background: url("/jp/about/img/glance_im34.png") no-repeat 0 100%;
    background-size: auto 11.2vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail01 .detail01-category-1 {
    color: #545454;
    font-size: 3.6vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail01 .detail01-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #e50020;
    font-size: 4.8vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail01 .detail01-number em {
    font-size: 7.2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail02 {
    position: absolute;
    top: -23%;
    left: 20%;
    padding-bottom: 23.8vw;
    background: url("/jp/about/img/glance_im35.png") no-repeat 0 100%;
    background-size: 23.8vw;
    
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail02 .detail02-category-1 {
    color: #545454;
    font-size: 3.6vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail02 .detail02-category-2 {
    color: #545454;
    font-size: 2.8vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail02 .detail02-number {
    line-height: 1.2;
    font-family: Arial, Helvetica, "sans-serif";
    color: #e50020;
    font-size: 4.8vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail02 .detail02-number em {
    font-size: 7.2vw;
    font-style: normal;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail03 {
    position: absolute;
    top: -25%;
    left: 46%;
    padding-bottom: 4.4vw;
    background: url("/jp/about/img/glance_im36.png") no-repeat 0 100%;
    background-size: auto 4.4vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail03 .detail03-category-1 {
    color: #545454;
    font-size: 3.6vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail03 .detail03-category-2 {
    color: #545454;
    font-size: 2.8vw;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail03 .detail03-number {
    line-height: 1.2;
    color: #e50020;
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 4.8vw;
    font-weight: bold;
  }
  #glance_main .glance-section .glance-compo09 .graph-column-layout .column_item .graph03 .graph03-detail03 .detail03-number em {
    font-size: 7.2vw;
    font-style: normal;
  }
  
  /* ----- glance_modal ----- */
  #cboxOverlay.modal-glance {
    background-color: #000000;
    opacity: 0.8 !important;
  }
  #colorbox.modal-glance, .modal-glance #cboxContent, .modal-glance #cboxLoadedContent{
    box-sizing: border-box;
  }
  .modal-glance #cboxContent {
    background-color: rgba(0, 0, 0, 0);
    padding: 6vw;
  }
  .modal-glance #cboxLoadedContent,
  .modal-glance #cboxContent,
  .modal-glance #cboxWrapper,
  #colorbox.modal-glance {
    width: 100% !important;
  }
  .modal-glance #cboxLoadedContent {
    background-color: rgba(0, 0, 0, 0);
  }
  .modal-glance #cboxNext {
    margin-top: 0;
    top: 30vw;
    left: 92%;
    background-color: rgba(0, 0, 0, 0) !important;
  }
  .modal-glance #cboxPrevious {
    margin-top: 0;
    top: 30vw;
    left: 0;
    background-color: rgba(0, 0, 0, 0) !important;
  }
  .modal-glance #cboxPrevious::before {
    width: 6vw;
    height: 6vw;
    left: 39%;
    border-top: 2px solid #e50014;
    border-right: 2px solid #e50014;
  }
  .modal-glance #cboxNext::before {
    width: 6vw;
    height: 6vw;
    left: 30%;
    border-top: 2px solid #e50014;
    border-right: 2px solid #e50014;
  }
  .modal-glance #cboxCurrent {
    display: none !important;
  }
  .modal-glance #cboxClose {
    top: 2.9vw !important;
    right: 0 !important;
    width: 7vw;
    height: 7vw;
    background-color: #e50014;
  }
  .modal-glance #cboxClose::before,
  .modal-glance #cboxClose::after {
    left: 23%;
    width: 4.3vw;
    font-size: 5.6vw;
    border-top: 2px solid #ffffff;
  }
  .modal-glance .modal_title {
    color: #ffffff;
  }
  .modal-glance .modal_contents {
    margin-top: 3vw;
    color: #ffffff;
  }
  .modal-glance .modal_contents .modal_sub_title {
    font-size: 4vw;
    font-weight: 700;
  }
  .modal-glance .modal_contents .modal_read_text {
    line-height: 1;
    text-align: center;
    margin-top: 1vw;
    border-bottom: 1px solid #ffffff;
    font-size: 5.76vw;
  }
  .modal-glance .modal_contents .modal_read_text em {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 12.8vw;
    font-style: normal;
  }
  .modal-glance .modal_contents .modal_sub_text,
  .modal-glance .modal_contents .modal_note_text {
    margin-top: 1.5vw;
  }
  .modal-glance .column-media .column_image .image-set figcaption {
    color: #ffffff;
  }
  .modal-glance .column-media > .column_image[data-image="left"] {
    width: 100%;
  }
  
  
  /* ----- inviewEffect ----- */
.js-inviewEffect {
    opacity: 0;
    -webkit-transform: translate3d(0px, 60px, 0px);
    transform: translate3d(0px, 60px, 0px);
    -webkit-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
  }
  .js-inviewEffect.is-active {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1160px) {
  .philosophy-paragraph_block .column-media .column_image {
    float: none;
    margin-left: 0;
    width: auto;
  }
  .philosophy-paragraph_block .column-media .column_detail {
    margin-top: 1em;
  }
}

/* ======================================================
 * ClearFix
====================================================== */
#glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2 .compo08-box-v3 > .col_list:after,
#glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v2:after,
#glance_main .glance-section .glance-compo08 .compo08-column-layout .column_item > .compo08-box-v1 > .col:after,
#glance_main .glance-section .glance-compo04 .compo04-column-layout .column_item .compo04-column-layout-v2 .column_item .textArea:after,
#glance_main .glance-section .glance-compo03 .compo03-column-layout .column_item .compo03-column-layout-v2:after,
#glance_main .glance-section .compo01-column-layout .column_item .col-lv2:after,
.colWrap:after,
.colWrap .col:after,
.philosophy-vision_imgCol:after {
  clear: both;
  content: "";
  display: block;
}
/* ======================================================
 * Print
====================================================== */
@media print {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  #glance_heading,
  #glance_main {
    min-width: 1260px;
    margin: 0;
  }
  .is-active {
    display: block;
  }
}