@charset "UTF-8";

@-ms-viewport
{
    width: device-width;
    initial-scale: 1;
}
@viewport
{
    width: device-width;
    initial-scale: 1;
}

*{box-sizing:border-box}
button:focus,input:focus,select:focus,textarea:focus{outline:0}

html{
    height:100%;
    font-size:62.5%;
    text-size-adjust:100%;
    scroll-behavior:smooth;
}
body {
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    font-size:1.4rem;
    line-height:2.1;
    color:#222;
}

.icon_pdf {
    color: inherit
}
.icon_pdf:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/resources/img/common/icon/icon_pdf.png) no-repeat;
    background-size: contain;
    margin: 0 10px -3px 0
}
img{-webkit-backface-visibility:hidden;backface-visibility:hidden;max-width:100%;height:auto;}
p{margin-bottom:2em}
p:last-child{margin-bottom:0}
a{color:#3257c3;text-decoration:none}
a:hover{text-decoration:underline;color:#3257c3}
a[href^="mailto:"]{color:inherit}
a[href^="mailto:"]:hover{text-decoration:none}
::-moz-selection{color:#fff;background:#0e0d6b}
::selection{color:#fff;background:#0e0d6b}
::-moz-selection{color:#fff;background:#0e0d6b}
input:not([type=radio]):not([type=checkbox]),textarea{border-radius:0}
input:not([type=checkbox]),textarea{-webkit-appearance:none}

.area_contentsWrap{width:100%; margin-top:-20px;}
.area_contents{
    width:1000px;
    border:1px solid #dedede;
    margin:0 auto;position:relative;
    z-index:3;
    background:#fff
}
.area_contentsInner{padding:40px 80px 80px}

.pt70{padding-top:70px;}
.pb70{padding-bottom:70px;}


.footer{width:100%;z-index:1}
.footer p{margin-bottom:0}
.footer_content1{padding:40px 0 380px;color:#fff;background:#0e0d6b}
.footer_content1 a{color:inherit}
.footer_content2{padding:15px 0 18px;font-size:1rem;background:#fff}
.footer_content3{padding:50px 0 20px;color:#fff;background:#2b2a8d}
.footer_contentWrap{width:1000px;margin:0 auto}
.footer_campany{padding-bottom:26px;}
.footer_campanyName{margin-left:5px;font-size:2rem;font-weight:700}
.footer_location{margin-left:5px;position:relative;font-size:1.6rem;}
.footer_location > .mr0{margin-right: 0 !important;}

.footer_address{display:inline-block}
.footer_address:not(:last-child){margin-right:8px}
.footer_sitemap{padding-left:5px}
.footer_sitemapList{display:inline-block}
.footer_sitemapList a{position:relative}
.footer_sitemapTitle{display:inline-block;margin-bottom:20px;font-weight:700;border-bottom:1px solid;width:100%}
.footer_sitemapSide{margin-right:10px;float:left;width:200px;}
.footer_sitemapSideLink{margin-right:10px;float:left;width:120px;margin-bottom:20px;font-weight:700;border-bottom:1px solid;}
.footer_linkList a{font-size:1.2rem}

.footer_copy{margin:0 10px 0 0;float:left}
.footer_iso{display:inline-block}
.footer_iso img:not(:last-child){margin-right:6px}

.footer_copyrightArea{display:inline-block;text-align:right;float:right;}
.footer_nav{display:-webkit-box;display:-ms-flexbox;display:flex}
.footer_navList a{color:#222;font-size:1.4rem;}
.footer_navList:not(:last-child):after{content:"｜";margin:0 1px}
.footer_logo{display:inline-block;margin:4px 0 0 14px;float:right;}
.footer_logo img{width:74px;height:auto}

.header {
    height: 50px;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(59, 62, 62, .2);
    box-shadow: 0 3px 8px rgba(59, 62, 62, .2);
    z-index: 1000;
}
.header_inner{width:990px;margin:0 auto}
.header_cont:after{content:"";clear:both;display:block}
.header_side{
    float:right;
    position:sticky;
    z-index:3;
    top:0;
}
.header_side .vision_logo {display:inline-block;margin-top:8px;width:190px;}
.header_side .vision_logo img {vertical-align: bottom;}
.header_side .vision_logo.small{width:140px}
.header_companyName {
  text-align: right;
  color: #666;
  font-size: 1.7rem;
  line-height: 1.5;
  font-weight: 700;
  padding-top: 14px;
  margin-bottom: 0
}
.header_nav {
    text-align: right;
    color: #666;
    font-size: 1.5rem;
    margin-top: 4px
}

.header_nav li {
    display: inline-block
}

.header_nav li:not(:last-child):after {
    content: '|';
    display: inline-block;
    margin: 0 7px;
    display: none
}
.header_nav a {
    color: #222
} 
.header_logo {
    float: left;
    padding-top: 10px;
    position: relative;
    z-index: 2
}
.header_logo a{
    background : no-repeat url("/resources/img/common/logo/logo-ktec-512x256.png");
    background-size: auto 72px;
    background-position: left 0 top 0px;
    width: 155px;
    height: 77px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.header_logo,
.vision_logo,
.header_logo a{
    transition-duration:.2s;
}
.header_nav li.display_notes {
    display: none
}
  
.page_id_notes li.display_notes {
    display: inline-block
}
.page_id_notes li {
    display: none
}

.btn {
    color: #3257c3;
    border-radius: 40px;
    border: 2px solid #3257c3;
    background: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    position: relative;
    cursor: pointer
}
.btn:after {
    position: absolute;
    content: "";
    top: 50%;
    border-right: 2px solid #3257c3;
    border-bottom: 2px solid #3257c3;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform: rotate(-45deg) translateY(-75%);
    -ms-transform: rotate(-45deg) translateY(-75%);
    transform: rotate(-45deg) translateY(-75%)
}
.btn:hover:not(.is_disabled) {
    color: #fff;
    text-decoration: none;
    background: #3257c3
}
.btn:hover:not(.is_disabled):after {
    border-color: #fff
}
.btn.is_disabled {
    cursor: default;
    border-color: #bfbfbf;
    color: #bfbfbf
}
.btn.is_disabled:after {
    border-color: #bfbfbf
}
.btn_wrap {
    margin: 80px 0 0;
    text-align: center
}
.btn_case{display:inline-block;min-width:170px;padding:2px 25px;border-width:1px}
.btn_case:after{display:none}
.btn_large {
    display: inline-block;
    width: 360px;
    padding: 20px 70px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5
}
.btn_large:after{width:9px;height:9px;right:35px}
.btn_medium {
    display: inline-block;
    padding: 10px 70px 10px 30px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5
}
.btn_medium:after{width:9px;height:9px;right:35px}
.btn_back:after {
    right: auto;
    left: 35px;
    border-left: 2px solid #3257c3;
    border-top: 2px solid #3257c3;
    border-right: none;
    border-bottom: none
}
.btn_ourService {
    font-size: 1.3rem;
    text-align: left;
    color: #ffffff;
    background-color: #0e0d6b;
    font-weight: 700;
    width: 100%;
    padding: 12px 30px;
    border-width: 1px
}
.btn_ourService:after {
    width: 8px;
    height: 8px;
    display: block;
    right: 20px;
    border-color: #ffffff;
}
.btn_ourService:hover{background:#ffffff!important; color:#0e0d6b!important;}
.btn_ourService:hover::after{border-color: #0e0d6b!important;}
.btn_packageSolution {
    font-size: 2rem;
    color: #ffffff;
    background-color: #0e0d6b;
    border-color: #0e0d6b;
    padding: 2px 50px 2px 24px;
    border-width: 1px
} 
.btn_packageSolution:after {
    width: 8px;
    height: 8px;
    display: block;
    right: 20px;
    border-color: #ffffff;
}
.btn_packageSolution:hover{background:#ffffff!important; color:#0e0d6b!important;}
.btn_packageSolution:hover::after{border-color: #0e0d6b!important;}
.btn_access {
    font-size:1.4rem;
    color: #ffffff;
    background-color: #2b2a8d;
    border-color: #ffffff;
    padding: 8px 12px;
    border-width: 1px;
}
.btn_access::after {
    content: none;
}
.btn_access:hover{background:#ffffff!important; color:#2b2a8d!important;}
.formInput, .formTextarea {
    width: 100%;
    border: solid 1px #dcdcdc;
    padding: 11px 9px;
}
.formInput::-webkit-input-placeholder, .formTextarea::-webkit-input-placeholder {
    color: #999
} 
.formInput:-moz-placeholder, .formTextarea:-moz-placeholder {
    color: #999
} 
.formTextarea {
    height: 200px
} 
.formTel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.formCheckbox {
    margin: 0 10px 0 0;
    vertical-align: middle
}
.formTel_hyphen {
    margin: 0 9px
}
.formTable{width:100%;margin-top:50px}
.formTable td, .formTable th {
    text-align: left;
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px
}
.formTable th {
    width: 21%;
    padding-right: 16px
}
.formTable td {
    width: 79%
}
.formLead {
    margin-top: 1em
}
.formBtn .btn {
    margin: 0 10px
}
.formBtn .btn:first-child {
    margin-left: 0
}
.formBtn .btn:last-child {
    margin-right: 0
}
.pageTitle_wrap {
    width: 100%;
    height: 364px;
    overflow: hidden;
    padding-bottom: 60px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}
.pageTitle {
    width: 840px;
    margin: 0 auto;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    z-index: 2
}
.pageTitle_mainText {
    display: block;
    font-size: 4rem;
    text-shadow: 
        1px 0 10px #58535E,
        1px 1px 10px #58535E,
        0 1px 10px #58535E,
        -1px 1px 10px #58535E,
        -1px 0 10px #58535E,
        -1px -1px 10px #58535E,
        0 -1px 10px #58535E,
        1px -1px 10px #58535E;
}
.pageTitle_subText {
    display: block;
    font-size: 1.6rem;
    margin-top: 12px;
    text-shadow: 
        1px 0 10px #58535E,
        1px 1px 10px #58535E,
        0 1px 10px #58535E,
        -1px 1px 10px #58535E,
        -1px 0 10px #58535E,
        -1px -1px 10px #58535E,
        0 -1px 10px #58535E,
        1px -1px 10px #58535E;
}
.heading1 {
    margin: 75px 0 27px
}
.heading1_mainText {
    display: inline-block;
    font-size: 2rem;
    line-height: 1.7;
    font-weight: 700;
    color: #333c4e;
    border-bottom: 2px solid #0e0d6b;
    padding: 0 10px 3px 4px
}
.heading1_subText {
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    color: #7a7a7a;
    padding-left: 4px;
    margin-top: 3px
}
.heading2 {
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 700;
    color: #0e0d6b;
    border-bottom: 2px solid #d2d2d2;
    padding: 0 0 12px 9px;
    margin: 35px 0 19px 0;
    position: relative
}
.heading2:after {
    content: "";
    display: block;
    width: 120px;
    height: 2px;
    background: #0e0d6b;
    position: absolute;
    bottom: -2px;
    left: 0
}
.heading3 {
    font-size: 2.4rem;
    line-height: 1.4;
    font-weight: 700;
    margin: 30px 0 20px;
    color: #333c4e
}
.heading4 {
    font-size: 3rem;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333c4e;
    text-align: center
}
.subheading1 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.6;
    padding-left: 1em;
    text-indent: -1em;
    margin: 35px 0 5px
}
.subheading1:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #222;
    margin-right: 4px
}
.hr {
    height: 1px;
    background-color: #bfbfbf;
    border: none;
    margin-top: 80px;
    margin-bottom: 0
}
.area_contentsInner .hr {
    margin-left: -80px;
    margin-right: -80px
}
.img {
    text-align: center;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 60px auto 0
}
.list_indent li {
    padding-left: 1em;
    text-indent: -1em
}
.list_disc li {
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 1px
}
.list_disc li:before {
    content: "・"
}
.list_decimal {
    padding-left: 1.4em
}
.list_decimal li {
    list-style: decimal
}

/* cbox */
#cboxContent {
    background: #fff;
    padding: 63px 75px;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, .5), -3px -3px 7px rgba(0, 0, 0, .5);
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .5), -3px -3px 7px rgba(0, 0, 0, .5);
    overflow: visible
}
#cboxOverlay {
    background: rgba(0, 0, 0, .7)
}  
#cboxBottomCenter, #cboxBottomLeft, #cboxBottomRight, #cboxLoadingGraphic, #cboxLoadingOverlay, #cboxMiddleLeft, #cboxMiddleRight, #cboxNext, #cboxPrevious, #cboxTopCenter, #cboxTopLeft, #cboxTopRight {
    background: 0 0
}  
#cboxClose {
    width: 30px;
    height: 30px;
    background: url(/resources/img/common/icon/icon_close.png) no-repeat;
    background-size: contain;
    top: 10px;
    right: 10px;
    position: absolute
}
#cboxClose:hover {
    background-position: 0 0
}  

.navbar {
    position: absolute;
    left: 100px;
    font-size: 1.5rem;
    z-index: 1
}
.navbar a {
    color: inherit
}  
.navbar_group {
    font-size: 1.5rem
}  
.navbar_head1 {
    display: block
}
.navbar_head2 {
    display: block;
    width: 220px;
    background: #299DE5;
    padding: 10px 20px 10px 27px
}
.navbar_trigger {
    display: none
}
.basicTable1, .basicTable2, .companyTable, .historyTable, .table {
    width: 100%;
    border: 1px solid #dcdcdc
}
.basicTable1 td, .basicTable1 th, .basicTable2 td, .basicTable2 th, .companyTable td, .companyTable th, .historyTable td, .historyTable th, .table td, .table th {
    word-break: break-word;
    text-align: left;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    font-size: 1.4rem
}
.basicTable1 th, .basicTable2 th {
    background: #eee
}
.basicTable1 th {
    width: 150px
}
.basicTable1 td, .basicTable1 th {
    font-size: 1.2rem;
    line-height: 1.6;
    padding: 9px 26px
}
.basicTable2 th {
    width: 190px
}
.basicTable2 td, .basicTable2 th {
    font-size: 1.4rem;
    line-height: 1.8;
    padding: 16px 26px
}
.block_imgText_R:after {
    content: "";
    clear: both;
    display: block
}
.block_imgText_R .block_imgText_img {
    float: right;
    margin: 5px 20px 5px 50px
}

.block_imgColumn:after {
    content: "";
    clear: both;
    display: block
}
.block_imgColumn .block_imgColumn_img {
    float: left
} 
.block_imgColumn .block_imgColumn_img:not(:last-child) {
    margin: 0 6% 0 0
}

/* vision */
.vision_wrap {
    padding: 40px 80px 80px;
}
.vision_wrap .body{
    margin:20px 0 60px;
}
.vision_wrap .body .copy{
    font-size: 120%;
}

/* blead crumbs */
.breadcrumbs {
    width: 100%;
    padding: 17px 80px 0
}
.breadcrumbs li {
    font-size: 1.2rem;
    display: inline-block
}
.breadcrumbs li:nth-child(n+2):before {
    content: ">";
    display: inline-block;
    margin: 0 5px
}  
.breadcrumbs a {
    font-size: 1.2rem;
    text-decoration: underline;
    color: inherit
}

/* casestudy */
.casestudy_box {
    border: solid 2px #3257c3;
    margin: 23px 0 40px
}
.casestudy_head {
    font-size: 2.6rem;
    color: #3257c3;
    font-weight: 700;
    text-align: center;
    border-bottom: solid 1px #bfbfbf;
    padding: 26px 38px 14px;
    line-height: 1.8
}
.casestudy_head span {
    color: #666;
    font-size: 1.4rem;
    display: block
}
.casestudy_body {
    padding: 26px 38px 28px
}
.casestudy_lead {
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px
}
.casestudy_lead:after {
    content: '';
    display: block;
    margin: 14px auto 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 35px 0 35px;
    border-color: #98abe1 transparent transparent transparent
}
.casestudy_answer {
    background: #3257c3;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 1.7;
    padding: 11px 8px;
    border-radius: 25px;
    margin-bottom: 20px
}
.casestudy_text {
    line-height: 1.8
}  
.casestudy_link {
    margin-top: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.2rem;
    text-align: center
}
.casestudy_link li {
    margin: 0 10px
}

.flowList:after{content:"";clear:both;display:block}
.flowList_item{width:120px;text-align:center;float:left;position:relative}
.flowList_item:nth-child(n+2){margin-left:50px}
.flowList_item:nth-child(n+2):before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #bfbfbf;
    position: absolute;
    top: 48px;
    left: -32px
}
.flowList_itemImg{display:block;border:2px solid #bfbfbf;border-radius:50%;overflow:hidden}
.flowList_itemImg img{width:100%;height:auto;vertical-align:middle}
.flowList_itemText1{display:block;font-size:1.2rem;line-height:2;font-weight:700;color:#7a7a7a;margin-top:9px}
.flowList_itemText2{display:block;font-size:1.4rem;line-height:1.7;font-weight:700;color:#3257c3}

.map_access{width:100%;height:400px}
.map_access iframe{width:100%;height:100%}
.map_accessDetail .map_accessDetail_head{margin:34px 0 10px}
.map_accessDetail_head{font-size:2rem;line-height:1.6;font-weight:700;color:#333c4e}
.map_accessDetail_list{font-size:1.2rem;line-height:1.7}
.map_accessDetail_list dl:after{content:"";clear:both;display:block}
.map_accessDetail_list dt{float:left;margin-right:14px}
.map_accessDetail_list dt:before{content:"";display:inline-block;width:9px;height:9px;background:#222;margin-right:2px}
.area_contentsInner .alignLeft{text-align:left}
.area_contentsInner .alignRight{text-align:right}
.area_contentsInner .alignCenter{text-align:center}
.area_contentsInner .valignTop{vertical-align:top}
.area_contentsInner .valignMiddle{vertical-align:middle}
.area_contentsInner .valignBottom{vertical-align:bottom}
.area_contentsInner .mt0{margin-top:0}
.area_contentsInner .mb0{margin-bottom:0}
.annotation{font-size:1.2rem}
.commitment_contentsWrap{padding-top:40px}
.commitment_contents{padding:15px 0 80px 62px}
.commitment_contents img{max-width:100%;height:auto}
.commitment_contentsInner{padding:0 80px}
.companyTable th{width:260px;background:#eee}
.companyTable td,.companyTable th{padding:9px 20px}
.en_page .tecnologys_problemsolving span{text-align:center;height:auto;padding:.8em 0;width:auto;min-width:400px}
.historyTable th{width:140px;background:#dcdcdc;padding:22px 16px;border-bottom:none}
.historyTable td{border-bottom:1px solid #dcdcdc;padding:22px 22px 20px}
.messageTitle_wrap{height:470px;background:url(/resources/img/message/bg_img_pc_002.jpg) no-repeat center top;background-size:cover}
.messageTitle_wrap .pageTitle{top:77%}
 
.messageTitle_wrap .pageTitle_mainText{text-shadow:3px 3px 20px #353947,-3px -3px 20px #353947}
.messageTitle_wrap .pageTitle_subText{text-shadow:2px 2px 12px #353947,-2px -2px 12px #353947}
.messageTitle_inner{position:relative;width:1000px;height:410px;margin:0 auto}
.messageTitle_plate{display:inline-block;position:absolute;padding:20px 25px 17px;bottom:20px;right:0;background:#fff}
.messageTitle_plateText1{margin-bottom:0;font-size:1.3rem;line-height:1.5}
.messageTitle_plateText2{font-size:2rem;font-weight:700}
.message_columnBox{display:-webkit-box;display:-ms-flexbox;display:flex}
.message_columnImg{display:inline-block;margin:0 50px 0 0}
.message_columnImg img{width:400px;height:auto}
.message_columnText{display:inline-block}
.message_emphasis{font-size:1.8rem;font-weight:700}

.list_news{padding:20px 0;border-bottom:1px solid #dcdcdc}
.list_news:after{content:"";clear:both;display:block}

.list_news:first-child{border-top:1px solid #dcdcdc}
.list_news .datetime{display:inline;float:left;color: #0e0d6b;}
.list_news .label {
    display: block;
    min-width: 90px;
    text-align: center;
    padding: 7px 0;
    color: #fff;
    line-height: 1.4;
    border-radius: 15px;
    font-size: 1.2rem;
    font-weight: 700;
    margin-left: 20px;
    float: left
}
.list_news .labelMedia{background:#333c4e}
.list_news .labelService{background:#f49811}
.list_news a{color:#0e0d6b}
.list_news .copy{color:#626262}
.list_news dt{float:left;margin-right:16px}
.list_news dt:after{content:"";clear:both;display:block}
.list_news dd{overflow:hidden}
.list_news_text{font-weight:normal;margin-top:10px;}

.news_btnArea{width:220px;margin:50px auto 0;}
.btn_news {
    font-size: 1.5rem;
    color: #ffffff;
    background-color: #0e0d6b;
    border-color: #0e0d6b;
    padding: 2px 50px 2px 24px;
    border-width: 1px
} 
.btn_news:after {
    width: 8px;
    height: 8px;
    display: block;
    right: 20px;
    border-color: #ffffff;
}
.btn_news:hover{background:#ffffff!important; color:#0e0d6b!important;}
.btn_news:hover::after{border-color: #0e0d6b!important;}

.policy_date{margin-top:2em}
.policy_sectionInner{padding-left:1.5em;margin-bottom:2em}
.psolution_block .heading1{margin-top:17px}
.psolution_textBox{padding:35px;background:#e6ebee}
.psolution_textBox_head{font-weight:700}
.tecnologys_box1 .tecnologys_box1_body{margin:20px 0 0}
.tecnologys_box2{margin:50px 0 0}
.tecnologys_box2 .copy{margin:50px 0 0}
.tecnologys_listTask {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.tecnologys_listTask li{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;border:2px solid #3257c3}
.tecnologys_listTask.column2 li{width:400px}

.tecnologys_listTask.column2 li:not(:first-child){margin:0 0 0 40px}
.tecnologys_listTask.column3 li{width:265px}
.tecnologys_listTask.column3 li:not(:first-child){margin:0 0 0 23px}
.tecnologys_listTask .adjuster{padding:33px 35px 26px;color:#3257c3}
.tecnologys_listTask .adjuster span {
    width: 112px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    background: #3257c3;
    border-radius: 40px
}
.tecnologys_listTask .copy{font-weight:700;font-size:1.8rem;line-height:1.4;margin:20px 0 0}
.tecnologys_problemsolving{width:360px;margin:30px auto 0;position:relative}
.tecnologys_problemsolving span {
    width: 360px;
    height: 70px;
    border-radius: 40px;
    background: #3257c3;
    color: #fff;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}
.tecnologys_problemsolving:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 40px 0 40px;
    border-color: #849adb transparent transparent transparent;
    margin: 0 auto 30px
}
.tecnologys_figWrap {
    margin: 70px 0 0;
    text-align: center
}
.tecnologys_box3{margin:70px 0 0}
.tecnologys_box3>.body{margin:25px 0 0}
.tecnologys_listExample {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.tecnologys_listExample li{width:260px;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}
.tecnologys_listExample li:not(:first-child){margin:0 0 0 30px}
.tecnologys_box4{margin:70px 0 0}
.tecnologys_box4>.body{margin:25px 0 0}


.kv_wrap {
    width: 100%;
    height: 800px;
    margin: 0 0 -60px;
    position: relative;
    overflow: hidden
}
.kv_wrap .kv_background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/resources/img/top/bg_kv_pc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%;
    z-index: 0;
    top: 0;
    left: 0
}
.kv_wrap .kv_text {
    width: 100%;
    position: absolute;
    top: 260px;
    left: 0;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    text-align: center
}
.kv_wrap .kv_head {
    font-size: 7rem;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.5;
    color: #0e0d6b
}
.kv_wrap .kv_body {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8
}
.kv_wrap .item_direction {
    width: 24px;
    height: 45px;
    background: #fff;
    border: 1px solid #dcdcdc;
    z-index: 1;
    position: absolute;
    bottom: 140px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 10px
}
.kv_wrap .item_direction span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px
}
.kv_wrap .item_direction span:after {
    content: "";
    border: 2px solid #333c4e;
    border-top: transparent;
    border-left: transparent;
    width: 5px;
    height: 5px;
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -3px
}
.cont_wrap {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 60px 0
}
.head_double .head {
    font-size: 45px
}
.head_double .head span {
    display: block
}
.head_double .head .elm1 {
    color: #0e0d6b;
    line-height: 1.55;
    font-weight: 700;
    padding: 0 0 8px
}
.head_double .head .elm1_border {
    display: inline-block;
    border-bottom: 2px solid #0e0d6b
}
.head_double .head .elm2 {
    color: #333c4e;
    line-height: 1.1;
    font-weight: 700
}
.head_double .head .elm3 {
    font-size: 1.5rem;
    line-height: 2.1;
    color: #7a7a7a;
    font-weight: 700
}
.box_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.box_flex .flex_item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.pageid_top{
    background: url(/resources/img/top/bg_kv_pc.jpg) no-repeat scroll 0 0 transparent;
    background-size: cover;
    background-attachment: fixed;
}
.pageid_top .btn {
    display: block
}
.pageid_top .btn span {
    width: 100%;
    height: 100%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3257c3;
    line-height: 1;
    font-weight: 700
}
.pageid_top .btn.small {
    width: 96px;
    height: 26px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}
.pageid_top .btn.small span {
    font-size: 1rem
}
.pageid_top .btn.small:after {
    content: none
}

.pageid_top .box1{padding:0 80px}
.pageid_top .box1 .body{padding:30px 0 0}
.pageid_top .box1 .copy{font-size:2rem;color:#333c4e;font-weight:700;line-height:1.8;margin-bottom:20px}
.pageid_top .box1 .top_btn:after{content:"";clear:both;display:block}
.pageid_top .box1 .top_btn a{float:right}
.pageid_top .box2{margin:50px 0 0;padding:50px 80px;border-top:1px solid #dedede}
.pageid_top .box2 .head{font-size:4rem}
.pageid_top .box2 .body{padding:30px 0 0}
.pageid_top .box2 .copy{font-size:2rem;color:#333c4e;font-weight:700;line-height:1.8;margin-bottom:15px}
.pageid_top .box3{padding:0 80px 20px}
.pageid_top .box3 a{display:block;width:100%;border:solid 3px #3257c3;border-radius:8px;font-size:3rem;font-weight:700;text-align:center;padding:45px 0}
.pageid_top .box4{padding:80px 80px 0;}
.pageid_top .box4 .head{font-size:4rem}
.pageid_top .box4 .body{padding:30px 0 0}
.pageid_top .box4 .copy{font-size:2rem;color:#333c4e;font-weight:700;line-height:1.8;margin-bottom:0}
.pageid_top .box4 .list_caseStudy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.pageid_top .box4 .list_caseStudy li {
    width: 264px;
    height: 246px;
    position: relative;
    margin: 24px 0 0;
}
.pageid_top .box4 .list_caseStudy .icon_wrap{
    transition: .4s;
}
.pageid_top .box4 .list_caseStudy li:hover .icon_wrap{
    transform: scale(1.1);
}
.pageid_top .box4 .list_caseStudy li:hover .case_arrow{
    transform: translate(10px) rotate(45deg);
}
.pageid_top .box4 .list_caseStudy .case_odd {
    background-color: #0e0d6b;
}
.pageid_top .box4 .list_caseStudy .case_even {
    background-color: #2b2a8d;
}
.pageid_top .box4 .list_caseStudy a:hover {
    text-decoration:none !important;
}
.pageid_top .box4 .list_caseStudy .adjuster {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 70px 0 20px
}
.pageid_top .box4 .list_caseStudy .adjuster .item1{text-align:center;width:100%;}
.pageid_top .box4 .list_caseStudy .adjuster .case_arrow{
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10%;
    transition: .4s;
}
.pageid_top .box4 .list_caseStudy .case_title{color:#fff;font-size:1.4rem;margin-top:10px;margin-left:20px;position: absolute;}
.pageid_top .box4 .list_caseStudy .case_text{color:#fff;font-weight:700;font-size:1.5rem;line-height:1.8;word-break:break-all;width:100%;position: absolute;bottom: 5%;}
.pageid_top .box5{margin:0 auto;padding:0 40px;background:#e9edfc;position:relative}
.pageid_top .box5:after,.pageid_top .box5:before{content:"";display:block;width:100%;position:absolute;left:0;background:#fff}
.pageid_top .box5:before{height:250px;top:0}
.pageid_top .box5:after{height:80px;bottom:0}
.pageid_top .box5 .head_double{padding:0 0 0 40px;position:relative;z-index:1}
.pageid_top .box5 .head_double .head{font-size:4rem}
.pageid_top .box5>.body{position:relative;z-index:1;padding:30px 0 0}
.pageid_top .box5>.body .copy{padding-left:40px;font-size:2rem;color:#333c4e;font-weight:700;line-height:1.8;margin-bottom:20px}
.pageid_top .box5>.body .copy2{min-height:60px}
.pageid_top .box5 .box_about{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}
.pageid_top .box5 .item{width:440px;border:1px solid #c6c8d4;-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:3px;padding:0 0 30px;background:#fff}
.pageid_top .box5 .item .thumb_wrap{font-size:0;position:relative;height:400px;z-index:0}
.pageid_top .box5 .item .adjuster{margin:4px 0 0;padding:0 40px;position:relative;z-index:1}
.pageid_top .box5 .item .head{font-size:2.6rem;line-height:1.85;font-weight:800;color:#0e0d6b;text-align:center;background-color:#e9edfc;}
.pageid_top .box5 .item .body{margin:1em 0 0}
.pageid_top .box5 .box_ourService{margin:30px 0 0;padding:0 30px}
.box_ourServiceHead{color:#7a7a7a;padding:1em 1em;text-align:center;}
.pageid_top .box5 .box_ourService .list_ourServices{padding:0 10px;margin-top:20px}
.pageid_top .box5 .box_ourService .list_ourServices li{margin-top:10px}
.pageid_top .box6{margin:80px 0 0;padding:0 80px}
.pageid_top .box6 .head{font-size:3.6rem}
.pageid_top .box6>.body{padding:30px 0 0}
.pageid_top .box6 .box_packageSolution{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.pageid_top .box6 .box_packageSolution .item{width:390px}
.pageid_top .box6 .box_packageSolution .thumb_wrap{display:block;margin-bottom:15px;font-size:0}
.pageid_top .box6 .box_packageSolution .thumb_wrap a:hover{opacity:.7}
.pageid_top .box6 .box_packageSolution .head{font-size:2.2rem;font-weight:700;color:#333c4e;font-family:"Myriad Pro",sans-serif;margin:25px 0 15px}
.pageid_top .box6 .box_packageSolution .body .copy{line-height:1.8}
.pageid_top .box7{margin:80px 0 0;padding:0 80px}
.pageid_top .box7 .head{font-size:3.6rem}
.pageid_top .box7 .body{margin-top:20px}
.pageid_top .box7 .list_news{font-weight:700}

.copy_shadow{text-shadow:3px 3px 20px #353947,-3px -3px 20px #353947;font-size:4rem;color:#fff}

.catch_wrap {
    text-align: center;
    padding:130px 0 0;
    margin:0 auto;
}
.catch_wrap .catch_main{
    font-size:70px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color:rgb(14, 13, 107);
    line-height: 1;
    margin-bottom:20px;
}
.catch_wrap .catch_sub{
    font-weight: bold;
    font-size:120%;
}
.catch_wrap .catch_main img{
    width:320px;
}

.arrow_right a {
    position: relative;
    display:inline-block;
    width: 100%;
}

.arrow_right a::before{
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(45deg);
}

/* DE&I page css start*/
#de_and_i_page .de_and_i_content .copy {
	font-size: 1.6rem;
	display: inline-block;
}

#de_and_i_page .content_mt {
	margin-top: 70px;
}

#de_and_i_page .content_half {
	width: 50%;
}

#de_and_i_page .content_left {
	width: auto;
	display: inline-block;
	padding-right: 0;
	vertical-align: top;
}

#de_and_i_page .content_right {
	width: auto;
	display: inline-block;
	padding-left: 0;
	vertical-align: top;
}

#de_and_i_page .content_title {
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: 700;
    color: #494949;
    padding: 0 0 12px 9px;
    margin: 10px 0 20px 0;
    position: relative
}

#de_and_i_page .content_title_sub {
    font-size: 1.7rem;
    line-height: 1.6;
    font-weight: 700;
    color: #494949;
    padding: 0 0 12px 9px;
    margin: 35px 0 19px 0;
    position: relative
}

#de_and_i_page .margin_sub_content {
	margin-left: 10px;
}

#de_and_i_page .title_decorastion_main {
	padding: 0.25em 0.5em;
	color: #494949;
	background: transparent; /*背景透明に*/
	border-left: solid 5px #7fbfff;
}

#de_and_i_page .title_decorastion {
	color: #ffffff;
	background: #1e90ff;
	box-shadow: 0px 0px 0px 5px #1e90ff;
	border: dashed 1px #ffffff;
	padding: 0.2em 0.5em;
}

#de_and_i_page .title_decorastion_sub {
	background: linear-gradient(transparent 80%, #87cefa 70%);
}

#de_and_i_page .pageTitle_wrap::after {
	background: rgba(0, 0, 0, .2);
}

#de_and_i_page .pageTitle_font {
	font-size: 3.5rem;
}
/* DE&I page css end*/

/* pc only */
@media screen and (min-width:1000px){
    .header{
        position: sticky;
        top: 0;
    }
    .header_inner{
        position: sticky;
        height: 100%;
    }
    .header_logo.small a{
        background-size: auto 42px;
        background-position: left 0 top -5px;
        width: 80px;
        height: 35px;
    }
    
    .footer_linkList a:before{top:4px}
    .footer_linkList li{margin-bottom: 10px}
    .formInput{height:49px}
    .navbar{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;}
    .navbar>li{position:relative}
    .navbar>li:hover{background:#0e0d6b;color:#fff}
    .navbar>li:hover .navbar_group{display:block}
    .navbar>li:hover .navbar_group2Col>.navbar_groupItem{display:flex;flex-wrap:wrap;}
    .navbar>li:focus-within{background:#0e0d6b;color:#fff}
    .navbar>li:focus-within .navbar_group{display:block}
    .navbar>li:focus-within .navbar_group2Col>.navbar_groupItem{display:flex;flex-wrap:wrap;}
    .navbar>li>.navbar_head1,.navbar>li>a{cursor:pointer;display:block;height:100%;padding: 10px 25px;}
    .navbar>li>.navbar_head1:hover,.navbar>li>a:hover{text-decoration:none;}
    .navbar>li.linkIcon img {
        height: 40px;
        top: 5px;
        left: 5px;
        position: absolute;
        transition: opacity .7s;
    }
    .navbar>li.linkIcon img:last-of-type {
        opacity: 0;
    }
    .navbar>li.linkIcon:hover{background:#A3C1FE;}
    .navbar>li.linkIcon:hover img:first-of-type{opacity:0;}
    .navbar>li.linkIcon:hover img:last-of-type{opacity:1;}
    .navbar_group{display:none;position:absolute;top:100%;background:#272691}
    .service_tab{display:none;top:100%;position:absolute;background:#272691;left:-220px}
    .service_tab_list{border-top:1px solid #0e0d6b;}
    .navbar_group>li{display:-webkit-box;display:-ms-flexbox;display:flex;width:220px}
    .navbar_group .navbar_group2Col{width:1000px}
    .navbar_groupItem{padding:10px 20px 10px 27px;-webkit-box-flex:1;-ms-flex:1;flex:1}
    .navbar_groupItem.is_lower{font-size:1.4rem}
    .navbar_groupItem>li{margin:3px 0}
    .is_lower>li{margin:3px 10px; width:30%;}

    .historyTable tr:nth-child(n+2) th{border-top:1px solid #fff}

    .pageid_top .btn:hover{background:#3257c3}
    .pageid_top .btn:hover span{color:#fff}
    .pageid_top .btn:hover:after{border-color:#fff}

    .bnr_wrap{padding:130px 0 200px; width: 900px; margin: 0 auto;}

    .spCont{display:none !important}
    .tabCont{display:none !important}
    .tab_sp_Cont{display:none !important}
    .js_toggleContets:not(.is_spToggle){display:none}
    .catch_wrap .catch_main img{
        width:492px;
    }
}



/* tablet only */
@media screen and (max-width:999px) and (min-width:480px){
    .pcCont{display:none !important}
    .spCont{display:none !important}
}

/* tablet / sp */
@media screen and (max-width:999px) {
    html.is_navopen{overflow:auto;height:100%}
    body.is_navopen{overflow:hidden;height:100%}
    body {
        font-size:1.3rem;
        line-height:1.8;
        min-width:0;
    }

    .area_contentsWrap{padding:0 15px; margin-top:-20px;}
    .area_contents{
        width:100%;
    }
    .area_contentsInner{padding:24px 25px 50px}

    .footer_content1{padding:10px 0 0}
    .footer_content2{padding:12px 15px 0}
    .footer_content3{padding:35px 0 0}
    .footer_contentWrap{width:100%;overflow:auto}
    .footer_campany{padding:0 50px 45px;}
    .footer_campanyName{margin:0 0 16px 0;font-size:2rem}
    .footer_location{margin-left:5px;font-size:1.6rem;}
    .footer_location:before{width:8px;height:12px;top:4px;left:-16px}
    .footer_address{font-size:1.3rem}
    .footer_sitemap{padding-left:0}
    .footer_sitemapList{display:block}
    .footer_sitemapList_end_sp{margin-bottom: 55px !important;}
    .footer_sitemapTitle{
        margin-bottom:0;
        display:block;
        padding:12px 29px;
        border-top:1px solid #4e5e7d;
        border-bottom:none;
        position:relative;
        background:#2b2a8d;
        margin-bottom: 3px;
        font-size: 1.6rem;
    }
    .footer_sitemapTitleSp{
        margin-bottom:0;
        display:block;
        padding:12px 29px;
        border-top:1px solid #4e5e7d;
        border-bottom:none;
        position:relative;
        background:#2b2a8d;
        margin-bottom: 3px;
        font-weight: 700;
        font-size: 1.6rem;
    }
    .footer_sitemapTitle:after{
        position:absolute;
        content:"";
        width:6px;
        height:6px;
        top:50%;
        margin-top:-3px;
        margin-left: 20px;
        border-right:2px solid #fff;
        border-bottom:2px solid #fff;
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);
    }
    .footer_sitemapTitle.js_toggleTrigger{cursor:pointer}
    .footer_sitemapTitle.js_toggleTrigger:after{
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg);
    }
    .footer_sitemapTitle.js_toggleTrigger.is_open:after{
        -webkit-transform:rotate(-135deg);
        -ms-transform:rotate(-135deg);
        transform:rotate(-135deg)
    }
    .footer_sitemapSide{margin-right:0;float:none;width:auto;}
    .footer_sitemapSideLink{margin-right:0;float:none;width:auto;margin-bottom:0;border-bottom:none;}
    .footer_linkList{padding:12px 0;}
    .footer_linkList a{display:block;padding:10px 0 10px 70px;font-size:1.4rem;}
    .footer_linkList a:after{
        position:absolute;
        content:"";
        width:6px;
        height:6px;
        top:50%;
        right:80px;
        margin-top:-3px;
        border-right:2px solid #fff;
        border-bottom:2px solid #fff;
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);
    }
    .footer_linkList_arrow_marginSet a:after{
        right:auto;
        margin-left: 5px;
    }
    .footer_copy{float:none;width:120px;margin:0;padding-bottom:3px}
    .footer_iso{display:block}
    .footer_iso img{width:auto;height:33px}
    .footer_iso img:not(:last-child){margin-right:5px}
    .footer_copyrightArea{width:100%;float:none}
    .footer_copyright{
        display:block;
        padding-bottom:6px;
        font-size:.9rem;
        text-align:center;
    }
    .footer_nav{display:none}
    .footer_logo{margin:0}

    .header{height:58px}
    .header_inner{width:100%}
    .header_side{margin:15px 60px 0 0}
    .header_companyName{display:none}
    .header_logo{padding:0}
    .header_logo a{
        background-size: auto 40px;
        background-position: left 0 top 0;
        width: 78px;
        height: 40px;
        margin: 8px 8px 9px;
    }
    .btn_wrap{margin:50px 0 0}
    .btn_case{display:block;min-width:0;padding:15px 30px 15px 20px;}
    .btn_large{width:100%;padding:15px 25px;font-size:1.5rem}
    .btn_large:after,
    .btn_medium:after{width:6px;height:6px;right:6%}
    .btn_back:after{right:auto;left:6%}
    .btn_ourService{padding:15px 30px 15px 20px;font-size:1.2rem;}
    .btn_ourService:after{width:6px;height:6px;right:15px}
    .btn_packageSolution{font-size:1.6rem;padding:15px 35px 15px 20px}
    .btn_packageSolution:after{width:6px;height:6px;right:15px}
    .formTel_hyphen{margin:0 6px}
    .formTable{margin-top:0}
    .formTable tr{display:block;margin-bottom:28px}
    .formTable td,.formTable th{display:block;padding:0}
    .formTable th{width:100%;font-size:1.5rem;padding-right:0;margin-bottom:5px}
    .formTable td{width:100%}
    .formLead{margin-top:0}
    .formBtn{display:-webkit-box;display:-ms-flexbox;display:flex}
    .formCheckboxList li{margin-bottom:10px}
    .pageTitle_wrap{height:160px;padding-bottom:25px}
    .pageTitle{width:100%;padding:0 25px}
    .pageTitle_mainText{font-size:2.5rem}
    .pageTitle_subText{font-size:1.2rem;margin-top:6px}
    .heading1{margin:56px 0 18px}
    .heading1_mainText{padding:0 10px 3px 0}
    .heading1_subText{font-size:1.2rem;padding-left:0;margin-top:6px}
    .heading2{font-size:1.5rem;padding:0 0 15px 0;margin:45px 0 20px 0}
    .heading3{font-size:1.8rem}
    .heading4{font-size:2rem}
    .subheading1{font-size:1.5rem;margin:22px 0 5px}
    .subheading1:before{width:11px;height:11px;margin-right:3px}
    .hr{margin-top:50px}
    .area_contentsInner .hr{margin-left:-25px;margin-right:-25px}
    .icon_pdf:before{width:13px;height:13px;margin:0 6px -1px 0}
    .img{margin:30px auto 0}
    #cboxContent{padding:25px}
    #cboxClose{width:20px;height:20px;top:5px;right:5px}
    .spLinkIcon {
        display: inline-block;
        transition: transform .2s;
    }
    .spLinkIcon:active {
        transform: scale(.90);
        background-color: #A3C1FE;
    }
    .spLinkIcon img {
        height: 45px;
        margin: 5px 15px 0 15px;
    }
    .navbar{
        top:100%;
        font-size:1.2rem;
        color:#fff;
        height:calc(100vh - 58px);
        overflow:auto;
        display:none;
        padding-bottom:70px;
        background:#fff;
        z-index: 999;
        width: 100%;
        left: 0;
    }
    .is_navopen .navbar{display:block}

    .navbar_group{font-size:1.2rem}
    .navbar_single:not(:last-child){border-bottom:solid 1px #4e5e7d}
    .navbar_head1{font-weight:700;font-size:1.5rem;padding:20px;background:#272691}
    .navbar_head2{width:100%;font-weight:700;background:#299DE5;padding:13px 20px}
    .navbar_groupItem{padding:12px 0;background:#0e0d6b}
    .navbar_groupItem a{display:block;padding:10px 0 10px 70px;text-decoration:none}
    .navbar_trigger{display:block;width:60px;height:58px;position:absolute;right:0;top:0;cursor:pointer}
    .navbar_trigger span{width:30px;height:3px;background:#bfbfbf;display:block;position:absolute;top:50%;left:50%;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
    .navbar_trigger span:nth-of-type(1){-webkit-transform:translate(-50%,-13px);-ms-transform:translate(-50%,-13px);transform:translate(-50%,-13px)}
    .navbar_trigger span:nth-of-type(2){-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
    .navbar_trigger span:nth-of-type(3){-webkit-transform:translate(-50%,11px);-ms-transform:translate(-50%,11px);transform:translate(-50%,11px)}
    .navbar_trigger.is_open span:nth-of-type(1){-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}
    .navbar_trigger.is_open span:nth-of-type(2){opacity:0}
    .navbar_trigger.is_open span:nth-of-type(3){-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}
    .navbar_trigger.is_open+.navbar{display:block}

    .basicTable1 td,.basicTable1 th,.basicTable2 td,.basicTable2 th,.companyTable td,.companyTable th,.historyTable td,.historyTable th,.table td,.table th{font-size:1.2rem}
    .basicTable1 th,.basicTable2 th{background:#f7f7f7}
    .basicTable1 th{width:32%}
    .basicTable1 td,.basicTable1 th{
        padding:14px 13px
    }
    .basicTable2 th{width:22%}

    .historyTable td,.historyTable th,
    .companyTable td,.companyTable th,
    .basicTable1 td,.basicTable1 th,
    .basicTable2 td,.basicTable2 th{
        font-size:1.2rem;
        padding:14px 13px;
        display:block;
        width:100%;
        border-right:none;
    }
    .historyTable tr:last-child td:last-child,
    .companyTable tr:last-child td:last-child,
    .basicTable1 tr:last-child td:last-child,
    .basicTable2 tr:last-child td:last-child{
        border-bottom:none;
    }
    .block_imgText_R{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;text-align: center;}
    .block_imgText_R .block_imgText_img{float:none;width:47%;margin:30px auto 0}
    .block_imgColumn .block_imgColumn_img{float:none;width:100%}
    .block_imgColumn .block_imgColumn_img:not(:last-child){margin:0 0 7%}
    .breadcrumbs{padding:10px 25px 0}
    .breadcrumbs li{font-size:1rem}
    .breadcrumbs a{font-size:1rem}
    .casestudy_box{border-width:1px;margin:0 0 25px}
    .casestudy_head{font-size:2rem;padding:20px 20px 14px}
    .casestudy_head span{font-size:1.2rem;margin-bottom:2px}
    .casestudy_body{padding:15px 20px 28px}
    .casestudy_lead{font-size:1.5rem;margin-bottom:15px}
    .casestudy_lead:after{margin:10px auto 0;border-width:17px 23px 0 23px}
    .casestudy_answer{text-align:left;border-radius:5px;padding:15px 30px;font-size:1.6rem}
    .casestudy_link{display:block;font-size:1.3rem;font-weight:700}
    .casestudy_link li{margin:20px 0 0}

    .flowList_item{width:58%;float:none;margin:0 auto;max-width:172px;}
    .flowList_item:nth-child(n+2){margin:72px auto 0}
    .flowList_item:nth-child(n+2):before {
        border-width: 17px 18px 0 18px;
        border-color: #bfbfbf transparent transparent transparent;
        top: -47px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .flowList_itemText1{line-height:2.2;margin-top:12px}
    .flowList_itemText2{font-size:1.7rem;line-height:2.2}
    
    .map_accessDetail .map_accessDetail_head{margin:30px 0 10px}
    .map_accessDetail_head{font-size:1.6rem}
    .map_accessDetail_list{font-size:1.3rem;line-height:1.6}
    .map_accessDetail_list dt{float:none;margin-bottom:3px}
    .map_accessDetail_list dd{margin-bottom:16px}
    .map_accessDetail_list dd:last-child{margin-bottom:0}
    
    .commitment_contentsWrap{padding-top:24px}
    .commitment_contents{padding:15px 7px 28px 13px}
    .commitment_contents img{width:100%}
    .commitment_contentsInner{padding:0 25px}
    .en_page .tecnologys_problemsolving span{min-height:50px;min-width:auto;padding:.6em;line-height:1.4}
    .en_page .table_sp_th13em th{width:10em}
    .en_page .table_sp_th10em th{width:8em}
    .en_page .table_sp_th9em th{width:7em}
    .en_page .table_sp_th4em th{width:6em}
    .messageTitle_wrap{height:280px;background-image:url(/resources/img/message/bg_img_sp_002.jpg)}
    .messageTitle_wrap .pageTitle{top:52%}
    .messageTitle_wrap .pageTitle_mainText{text-shadow:3px 3px 10px #353947,-3px -3px 10px #353947}
    .messageTitle_wrap .pageTitle_subText{text-shadow:2px 2px 6px #353947,-2px -2px 6px #353947}
    .messageTitle_inner{width:100%;height:255px}
    .messageTitle_plate{padding:10px 13px 8px;bottom:10px;left:15px;right:auto}
    .messageTitle_plateText1{font-size:1rem}
    .messageTitle_plateText2{font-size:1.4rem}
    .message_columnBox{display:block}
    .message_columnImg{display:block;margin:0 0 25px}
    .message_columnImg img{width:100%}
    .message_emphasis{font-size:1.5rem}
    .list_news{padding:15px 0;font-size:1rem}
    .list_news .label{min-width:60px;padding:3px 0;margin:-1px 0 0 10px;font-size:1rem}
    .list_news dt{float:none;margin-right:0}
    .list_news dd{margin:6px 0 0}
    .psolution_block .heading1{margin-top:30px}
    .psolution_textBox{padding:25px 20px}
    .psolution_textBox .psolution_textBox_img{width:90%}
    .tecnologys_box2{margin:40px 0 0}
    .tecnologys_box2 .copy{margin:40px 0 0}
    .tecnologys_listTask{display:block}
    .tecnologys_listTask.column2 li{width:100%}
    .tecnologys_listTask.column2 li:not(:first-child){margin:25px 0 0}
    .tecnologys_listTask.column3 li{width:100%;max-width:600px;margin:0 auto;}
    .tecnologys_listTask.column3 li:not(:first-child){margin:25px auto;}
    .tecnologys_listTask .adjuster{padding:34px 30px 30px}
    .tecnologys_listTask .adjuster span{width:100px;height:40px;font-size:1.5rem}
    .tecnologys_listTask .copy{font-size:1.5rem;line-height:1.7}
    .tecnologys_problemsolving{width:100%}
    .tecnologys_problemsolving span{width:100%;height:50px;font-size:2rem}」.tecnologys_figWrap{margin:25px 0 0}
    .tecnologys_box3{margin:25px 0 0}
    .tecnologys_box3>.body{margin:20px 0 0}
    .tecnologys_listExample{display:block}
    .tecnologys_listExample li{width:100%}
    .tecnologys_listExample li:not(:first-child){margin:30px 0 0}
    .tecnologys_box4{margin:40px 0 0}
    .tecnologys_box4>.body{margin:20px 0 0}

    .cont_wrap{width:92%;padding:10% 0;-webkit-box-sizing:border-box;box-sizing:border-box}

    .kv_wrap{height:auto;margin:0 0 -8%}
    .kv_wrap .kv_background{background:url(/resources/img/top/bg_kv_sp.jpg) no-repeat;background-size:cover}
    .kv_wrap .kv_text{top:110px;padding:0 6%}
    .kv_wrap .kv_head{line-height:1}
    .kv_wrap .kv_head .elm1{display:block;font-size:5rem;margin:0;padding:0 0 0 .6em}
    .kv_wrap .kv_head .elm2{font-size:4.5rem;display:block}
    .kv_wrap .kv_body{margin:1.2em 0 0;font-size:1.4rem;line-height:1.7}
    .head_double .head{font-size:3rem}
    .head_double .head .elm3{font-size:1.3rem}

    .pageid_top .btn{width:100%}
    .pageid_top .btn span{font-size:1.5rem}
    .pageid_top .btn span:hover{color:#fff}
    .pageid_top .btn.small{width:115px;height:32px}
    .pageid_top .btn.small span{font-size:1.3rem}
    .pageid_top .btn.small:after{content:none}
    .pageid_top .box1{padding:0 7.2%}
    .pageid_top .box1 .head{font-size:3rem}
    .pageid_top .box1 .body{padding:20px 0 0}
    .pageid_top .box1 .copy{line-height:1.7;font-size:1.6rem}
    .pageid_top .box2{margin:45px 0 0;padding:40px 7.2% 0}
    .pageid_top .box2 .head{font-size:2.5rem}
    .pageid_top .box2 .body{padding:20px 0 0}
    .pageid_top .box2 .copy{font-size:1.6rem;line-height:1.4}
    .pageid_top .box2 .copy2{margin:16px 0 0;line-height:1.5}
    .pageid_top .box3{padding:30px 7.2% 0}
    .pageid_top .box3 a{font-size:1.8rem;padding:27px 0;border-width:2px;border-radius:4px}
    .pageid_top .box4{margin:20px 0 0;padding:40px 7.2% 0}
    .pageid_top .box4 .head{font-size:2.5rem}
    .pageid_top .box4 .copy{font-size:1.6rem;line-height:1.4}

    .pageid_top .box4 .list_caseStudy {justify-content:space-around;}
    .pageid_top .box4 .list_caseStudy li{position:relative;margin:7.2% 5px 0}
    .pageid_top .box4 .list_caseStudy .adjuster .head{font-family:sans-serif}
    .pageid_top .box4 .list_caseStudy .adjuster .item2{margin:25px 0 0}
    .pageid_top .box4 .list_caseStudy .item_text{margin:-8px 0 0}
    .pageid_top .box4 .list_caseStudy .item_text label{font-size:1.3rem}
    .pageid_top .box4 .list_caseStudy .item_text p{margin:4px 0 0;padding:0 13px;font-size:1.6rem;line-height:1.43}
    .pageid_top .box5{margin:0;padding:0 40px;}
    .pageid_top .box5:before{height:19%}
    .pageid_top .box5:after{height:2.2%}
    .pageid_top .box5 .head_double{padding:0}
    .pageid_top .box5 .head_double .head{font-size:2.5rem}
    .pageid_top .box5 .body .copy{padding:0;font-size:1.6rem;line-height:1.4}
    .pageid_top .box5 .box_about{display:block}
    .pageid_top .box5 .box_about .item{width:100%;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box}
    .pageid_top .box5 .box_about .item .thumb_wrap{height:auto}
    .pageid_top .box5 .box_about .item .adjuster{padding:0 7.2%}
    .pageid_top .box5 .box_about .item .head{font-size:2.2rem}
    .pageid_top .box5 .box_about .item2{margin:34px 0 0}
    .pageid_top .box5 .box_about .item2 .adjuster{margin-top:-10%}
    .pageid_top .box5 .box_ourService{margin:25px 0 0;padding:0 7.2%}
    .pageid_top .box5 .box_ourService .list_ourServices{padding:0;margin-top:12px;border-radius:1px}
    .pageid_top .box5 .box_ourService .list_ourServices li{margin-top:7px}
    .pageid_top .box6{margin:20px 0 0;padding:40px 7.2% 0}
    .pageid_top .box6 .head{font-size:2.5rem}
    .pageid_top .box6>.body{padding:20px 0 0}
    .pageid_top .box6 .box_packageSolution{display:block}
    .pageid_top .box6 .box_packageSolution .item{width:100%}
    .pageid_top .box6 .box_packageSolution .item:not(:first-child){margin:40px 0 0}
    .pageid_top .box6 .box_packageSolution .item .head{font-size:1.6rem;margin:20px 0 15px}
    .pageid_top .box6 .box_packageSolution .adjuster{margin:10px 0 0}
    .pageid_top .box7{margin:20px 0 0;padding:40px 7.2% 0}
    .pageid_top .box7 .head{font-size:2.5rem}
    .pageid_top .box7 .body{margin-top:15px}
    .pageid_top .box5 .item img,
    .pageid_top .box6 .item img{
        width:100%;
        height:auto;
    }

    .copy_shadow{text-shadow:3px 3px 10px #353947,-3px -3px 10px #353947;font-size:2.5rem}


    .bnr_wrap{padding:70px 0; margin: 0 auto;}

    .catch_wrap {
        text-align: center;
        padding:70px 0 0;
        margin:0 auto;
    }
    .catch_wrap .catch_main{
        font-size:45px;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
        color:rgb(14, 13, 107);
        line-height: 1;
        margin-bottom:20px;
    }
    .catch_wrap .catch_sub{
        font-weight: bold;
        font-size:100%;
    }

    .vision_wrap {
        padding: 24px 25px 50px;
    }

    .js_toggleContets{display:none}

    .arrow_right a::before{
        right: 70px;
    }

    /* DE&I page css start*/
	#de_and_i_page .content_left {
		width: auto;
		padding-right: 0;
	}

	#de_and_i_page .content_right {
		width: auto;
		padding-left: 0;
	}

    #de_and_i_page .content_title {
        margin-top: 0;
    }

	#de_and_i_page .pageTitle_font{
		font-size: 2.5rem;
	}
    /* DE&I page css end*/
}

/* SP */
@media screen and (max-width: 479px) { 
    .pcCont{display:none !important}
    .tabCont{display:none !important}
    body {
        font-size:1.3rem;
        line-height:1.8;
        min-width:0;
    }
    .map_access{height:192px}
    .pageid_top .box4 .list_caseStudy{display:block}
    .pageid_top .box4 .list_caseStudy li{width:100%;position:relative;margin:7.2% 0 0}
    .pageid_top .box4 .list_caseStudy .adjuster .head{font-family:sans-serif}
    .pageid_top .box4 .list_caseStudy .adjuster .item2{margin:25px 0 0}
    .pageid_top .box4 .list_caseStudy .item_text{margin:-8px 0 0}
    .pageid_top .box4 .list_caseStudy .item_text label{font-size:1.3rem}
    .pageid_top .box4 .list_caseStudy .item_text p{margin:4px 0 0;padding:0 13px;font-size:1.6rem;line-height:1.43}

    .pageid_top .box1,
    .pageid_top .box2,
    .pageid_top .box3,
    .pageid_top .box4,
    .pageid_top .box5,
    .pageid_top .box6,
    .pageid_top .box7 {
        padding: 0 20px;
    }
}


/* IE only */
@media all and (-ms-high-contrast:none){
    body{font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",sans-serif}
}
/* IE (PC size) */
@media all and (-ms-high-contrast:none) and (min-width: 1000px){
    *::-ms-backdrop, .header {top: 0px;}
}
/* IE (Tab/SP size) */
@media screen and (max-width:999px){
    *::-ms-backdrop, .pageid_top .box4 .list_caseStudy li{
        height:300px;
    }
}

@-webkit-keyframes Animation_gradient{
    0%{background-size:100%}
    50%{background-size:120%}
    100%{background-size:100%}
}
@keyframes Animation_gradient{
    0%{background-size:100%}
    50%{background-size:120%}
    100%{background-size:100%}
}

/********************************************************
 * SDGs Page(vision.html)
 ********************************************************/
.sdgs-page{ scroll-behavior: smooth; }
.sdgs-page .footer{ margin-top: 0; }
.sdgs-page img{ vertical-align: bottom;}
.sdgs-rainbow-line{
    position: relative;
    margin-bottom: 0px;
}
.sdgs-rainbow-line:after {
    content: "";
    height: 9px;
    width: 100%;
    background: url(/resources/img/sdgs/rainbow_bg.png) repeat-x scroll 0 0 transparent;
    position: absolute;
    bottom: 0px;
    z-index: 10;
}

/* SDGs nav for SP */
.sdgs-navi{
    text-align: center;
    position: relative;
    padding:0 0 50px;
    z-index: 4;
}
.sdgs-btn{
    display: inline-block;
    padding:10px;
    margin: 0 5px;
    background-color: #ccc;
    border:2px solid transparent;
    border-radius: 45px;
    color:#fff;
    text-decoration: none;
    text-align: center;
    user-select: none;
    font-size: 120%;
    font-weight: bold;
    min-width: 100px;
    width:25%;
    transition: .2s all;
    outline: none;
}
.sdgs-btn:hover{
    color:#0E0D6B;
    background-color: #fff;
    text-decoration: none;
}
.btn-color-blue{ background-color: #1AA6D9; }
.btn-color-green{ background-color: #26A838; }
.btn-color-orange{ background-color: #EC6A05; }
.btn-color-blue:hover{
    background-color: #fff;
    color:#1AA6D9;
    border-color:#1AA6D9;
}
.btn-color-green:hover{
    background-color: #fff;
    color:#26A838;
    border-color:#26A838;
}
.btn-color-orange:hover{
    background-color: #fff;
    color:#EC6A05;
    border-color:#EC6A05;
}

/* SDGs commitment section  */
.sdgs-main-commitment .sdgs-main-commitment-description{
    font-size: 18px;
}

/* SDGs vision section  */
.sdgs-vision-content{
    display: flex;
}
.sdgs-vision-content .sdgs-vision-thema {
    width:400px;
    height:400px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.sdgs-vision-content.sdgs-vision-content-type1 .sdgs-vision-thema{
    background-color:#289EE7;
    color:#fff;
}
.sdgs-vision-content.sdgs-vision-content-type2 .sdgs-vision-thema{
    background-color:#DDEBFF;
    color:#289EE7;
}
.sdgs-vision-content.sdgs-vision-content-type2{
    background-color:#fafafa;
}
.sdgs-vision-content .sdgs-vision-thema .sdgs-vision-thema-main{
    font-size:360%;
    font-weight: bold;
    line-height: 1.4;
}
.sdgs-vision-content .sdgs-vision-thema .sdgs-vision-thema-sub{
    font-weight: bold;
    font-size:160%;
}
.sdgs-vision-content .sdgs-vision-message-wrap{
    flex:1;
    padding:0 60px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.sdgs-vision-content .sdgs-vision-message-wrap .sdgs-vision-message-title{
    color:#0E0D6B;
    font-size: 250%;
    font-weight: bold;
    margin-bottom:30px;
    line-height: 1.4;
}
.sdgs-vision-content .sdgs-vision-message-wrap .sdgs-vision-message{
    font-size: 120%;
    line-height: 30px;
}

/* SDGs effort section  */
.sdgs-effort{
    background-color: #DDEBFF;
}
.sdgs-effort .sdgs-effort-by{
    text-align: center;
    padding: 140px 0 30px;
}
.sdgs-effort .sdgs-effort-by .sdgs-effort-by-title{
    color:#0E0D6B;
    font-size:230%;
    font-weight: bold;
}
.sdgs-effort .sdgs-effort-by .sdgs-effort-by-description{
    font-size: 18px;
    line-height: 30px;
    padding: 40px 0;
}
.sdgs-effort-list{
    display:flex;
    flex-wrap: wrap;
    padding-bottom:80px;
}
.sdgs-effort-list .sdgs-effort-list-item{
    width:50%;
}
.sdgs-effort-list .sdgs-effort-list-item:nth-child(odd){
    padding:0 10px 40px 30px;
}
.sdgs-effort-list .sdgs-effort-list-item:nth-child(even){
    padding:0 30px 40px 10px;
}

.sdgs-effort-list .sdgs-effort-list-item dl{
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    display: flex;
    flex-flow: column;
    height: 100%;
}
.sdgs-effort-list .sdgs-effort-list-item dt{
    text-align: center;
    height: 280px;
    background-position: top center;
    background-size: cover;
    position:relative;
}
.sdgs-effort-list .sdgs-effort-list-item dt:before{
    content:"";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(255,255,255,.3);
}
.sdgs-effort-list .sdgs-effort-list-item dt img{
    display: inline-block;
    width: 125px;
    height: 125px;
    transform: translateY(-50%);
    top: 50%;
    position: relative;
}
.sdgs-effort-list .sdgs-effort-list-item dt img + img{
    margin-left:20px;
}
.sdgs-effort-list .sdgs-effort-list-item dd{
    color:#0E0D6B;
    line-height: 1.4;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
    padding:50px 20px;
    border-bottom: 10px solid transparent;
    position: relative;
    flex: 1;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item01{
    border-color:#e5243b;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item02{
    border-color:#dda63a;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item03{
    border-color:#4c9f38;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item04{
    border-color:#c5192d;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item05{
    border-color:#ff3a21;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item06{
    border-color:#26bde2;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item07{
    border-color:#fcc30b;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item08{
    border-color:#a21942;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item09{
    border-color:#fd6925;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item10{
    border-color:#dd1367;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item11{
    border-color:#fd9d24;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item12{
    border-color:#bf8b2e;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item13{
    border-color:#3f7e44;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item14{
    border-color:#0a97d9;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item15{
    border-color:#56c02b;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item16{
    border-color:#00689d;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item17{
    border-color:#19486a;
}
.sdgs-effort-list .sdgs-effort-list-item dd.sdgs-item10-col2:after{
    content: "";
    display: block;
    border-bottom: 10px solid #dd1367;
    width: 50%;
    position: absolute;
    bottom: -10px;
    right: 0;
}
.sdgs-about-content{
    padding:120px 0;
    display: flex;
}
.sdgs-about-content .sdgs-about-content-thema{
    width: 550px;
    padding: 0 50px 0 120px;
}
.sdgs-about-content .sdgs-about-content-thema .sdgs-about-content-thema-title {
    color:#0E0D6B;
    font-size: 230%;
    font-weight: bold;
}
.sdgs-about-content .sdgs-about-content-thema .sdgs-about-content-thema-sub {
    color:#0E0D6B;
    font-weight: bold;
}
.sdgs-about-content .sdgs-about-content-thema .sdgs-about-content-thema-description {
    font-size: 18px;
    line-height: 30px;
    margin-top: 50px;
}
.sdgs-about-content .sdgs-about-content-image{
    flex:1;
    text-align: center;
}
.sdgs-procurement-content{
    padding: 120px 0 120px 0;
    display: flex;
    background: #DDEBFF;
}
.sdgs-procurement-content .sdgs-procurement-content-thema{
    padding: 0 50px 0 120px;
}
.sdgs-procurement-content .sdgs-procurement-content-thema .sdgs-procurement-content-thema-title {
    color:#0E0D6B;
    font-size: 230%;
    font-weight: bold;
}
.sdgs-procurement-content .sdgs-procurement-content-thema .sdgs-procurement-content-thema-description {
    font-size: 18px;
    line-height: 30px;
    margin-top: 30px;
}
.sdgs-procurement-content .sdgs-procurement-content-thema .sdgs-procurement-content-thema-description a {
    padding: 0 16px;
    margin: 36px auto 0;
    min-width: 350px;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    line-height: 44px;
    color: #0E0D6B;
    text-align: center;
    border: 1px solid #0E0D6B;
    background-color: #FFF;
    border-radius: 2px;
    position: relative;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.5s ease;
}
.sdgs-procurement-content .sdgs-procurement-content-thema .sdgs-procurement-content-thema-description a:hover {
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
}
.scroll-top{
    position:fixed;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    background-color: #0E0D6B;
    color:#fff;
    text-align: center;
    user-select: none;
    cursor: pointer;
    transform: translate3d(0,100%,0);
    transition: transform 0.3s;
    z-index: 50;
}
.scroll-top.active{
    transform: translate3d(0,0,0);
}
.scroll-top:after{
    content: "";
    border-width: 5px 5px 0 0;
    border-color: #fff;
    border-style: solid;
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
    transform: translate(-50%, -30%) rotate(-45deg);
    left: 50%;
    top: 50%;
}

/* SDGs page Media query */
/* ie11 */
@media all and (-ms-high-contrast:none){
    .sdgs-effort-list .sdgs-effort-list-item dd{
        flex: 1 0 55px;
    }
}

/* pc only */
@media screen and (min-width:1000px){
    .under1000Show{display: none;}
    .sdgs-page .header,
    .sdgs-page .footer{
        min-width: 1000px;
    }
    .sdgs-main-visual{
        height:700px;
        width: 100%;
        overflow: hidden;
        position: relative;
        background:url(/resources/img/sdgs/sdgs_main.jpg) no-repeat scroll 0 0 transparent;
        background-position:center center;
        background-size: cover;

        min-width: 1000px;
    }
    .sdgs-main-visual:before{
        content:"";
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, .3);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .sdgs-main-commitment{
        margin:0 auto ;
        padding:50px 45px;
        box-sizing: border-box;
        background-color: #fff;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
        width:650px;
        text-align: center;
        position: relative;

        transform: translateY(-50%);
        top: 50%;
        z-index: 3;
    }
    .sdgs-main-commitment-icons{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sdgs-main-commitment .sdgs-main-commitment-icons img{
        height:60px;
        width: auto;
        vertical-align: bottom;
        padding:0 20px;
    }
    .sdgs-main-commitment .sdgs-main-commitment-icons img:not(:first-child){
        border-left:.5px solid #000;
    }
    .sdgs-main-commitment .sdgs-main-commitment-description{
        margin-top:30px;
    }
    .content_wrap{
        width:1000px;
        margin:0 auto;
        position: relative;
        z-index: 1;
        border-right: 1px solid #eee;
        border-left: 1px solid #eee;
    }
}

/* tablet / sp */
@media screen and (max-width:999px) {
    .sdgs-vision-content .sdgs-vision-thema .sdgs-vision-thema-main{
        font-size:230%;
    }
    .sdgs-vision-content .sdgs-vision-thema .sdgs-vision-thema-sub{
        font-size:130%;
    }

    .sdgs-main-visual{
        position: relative;
        margin-bottom: 9px;
        background-color: #DDEBFF;
    }
    .sdgs-main-visual:after{
        bottom:-9px;
    }
    .sdgs-main-visual-img{
        position:relative;
    }
    .sdgs-main-visual-img:before{
        content:"";
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, .3);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .sdgs-main-commitment{
        margin:60px auto 50px;
        padding:50px 20px;
        box-sizing: border-box;
        background-color: #fff;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
        width:80%;
        text-align: center;
        position: relative;
        z-index: 3;
    }
    .sdgs-main-commitment-icons{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sdgs-main-commitment .sdgs-main-commitment-icons img{
        /* horizontal icon */
        height:100%;
        width: 30%;
        vertical-align: bottom;
        padding:0 10px;
    }
    .sdgs-main-commitment .sdgs-main-commitment-icons img:not(:first-child){
        border-left:.5px solid #000;
        width:70%;
    }
    .sdgs-main-commitment .sdgs-main-commitment-description{
        margin-top:30px;
    }
    .sdgs-vision-content{
        display: block;
    }
    .sdgs-vision-content .sdgs-vision-thema{
        height: 150px;
        width:150px;
        margin: 0 auto;
    }
    .sdgs-vision-content .sdgs-vision-message-wrap{
        padding:0;
        display: block;
    }
    .sdgs-vision-content .sdgs-vision-message-wrap .sdgs-vision-message-title{
        font-size: 180%;
        padding:50px 20px 20px;
        display: flex;
        align-items: center;
        margin-bottom: 0;;
    }
    .sdgs-vision-content .sdgs-vision-message-wrap .sdgs-vision-message{
        padding:20px 20px 50px;
    }
    .sdgs-effort .sdgs-effort-by{
        padding:70px 0 20px;
    }
    .sdgs-effort .sdgs-effort-by .sdgs-effort-by-title{
        font-size:180%;
    }
    .sdgs-effort .sdgs-effort-by .sdgs-effort-by-description{
        padding:40px 20px;
    }
    .sdgs-effort-list .sdgs-effort-list-item dt img {
        width:100px;
        height:100px;
    }
    .sdgs-about-content{
        padding:70px 0;
        display: block;
    }
    .sdgs-about-content .sdgs-about-content-thema{
        width: 100%;
        padding: 20px;
        margin-bottom: 30px;
    }
    .sdgs-about-content .sdgs-about-content-thema .sdgs-about-content-thema-title,
    .sdgs-about-content .sdgs-about-content-thema .sdgs-about-content-thema-sub{
        text-align: center;
    }
    .sdgs-about-content .sdgs-about-content-image{
        padding:0 20px;
    }
    .sdgs-procurement-content{
        padding:30px 0 10px 0;
        display: block;
    }
    .sdgs-procurement-content .sdgs-procurement-content-thema{
        width: 100%;
        padding: 20px;
        margin-bottom: 30px;
    }
    .sdgs-procurement-content .sdgs-procurement-content-thema .sdgs-procurement-content-thema-title,
    .sdgs-procurement-content .sdgs-procurement-content-thema .sdgs-procurement-content-thema-sub{
        text-align: center;
    }

    .scroll-top{
        opacity: .6;
        width: 60px;
        height: 60px;
    }
}

/* sp (Breakpoint dedicated to SDGss page) */
@media screen and (max-width: 599px) { 
    .sdgs-main-commitment{
        width:95%;
    }
    .sdgs-effort-list{
        display: block;
    }
    .sdgs-effort-list .sdgs-effort-list-item{
        width: 100%;
        padding: 10px !important;
    }
}