@charset 'UTF-8';


/*------------------------------------------------------------
    font
------------------------------------------------------------*/

.font-en-l{
	font-family: "quasimoda", sans-serif;
	font-weight: 300;
	font-style: normal;
}
.font-en-r{
	font-family: "quasimoda", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.font-en-m{
	font-family: "quasimoda", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.font-en-sb{
	font-family: "quasimoda", sans-serif;
	font-weight: 600;
	font-style: normal;
}
.font-en-b{
	font-family: "quasimoda", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.font-en-eb{
	font-family: quasimoda, sans-serif;
	font-weight: 800;
	font-style: normal;
}


/*------------------------------------------------------------
    animation
------------------------------------------------------------*/

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



/*------------------------------------------------------------
    Base Fix
------------------------------------------------------------*/

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, 
dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video,
input, select, textarea {
    margin: 0;
    padding: 0;
    border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
main > .basic-page > #sections{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 16px;
    line-height: 1.89;
    word-break: break-word;
    font-weight: 400;
    color: #1a1a1a;
}
main > .basic-page > #sections a{
	color: #1a1a1a;
	text-decoration: none;
	transition: all .3s;
}
.basic-page a{
    display: block;
    transition: all .3s;
    word-break: break-all;
    color: #1a1a1a;
}
.basic-page a:hover{
    opacity: 0.6;
    transition: all .3s;
    text-decoration: none;
}
.holdings-footer.page-in-menu {
    padding-bottom: 75px;
}
.holdings-header a, .holdings-titlenav a, .holdings-footer a, .holdings-cta a {
    word-break: break-word;
    white-space: normal;
}
img{
    max-width: 100%;
    height: auto;
}

article#basic-page-article{

}
article#basic-page-article section{
    padding: 70px 0;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

    .basic-page {
        width: 100%;
    }
    main > .basic-page > #sections{
        font-size: 14px;
    }
    article#basic-page-article section{
        padding: 50px 0;
    }
    .holdings-footer.page-in-menu {
        padding-bottom: 0;
    }


}

/* 即席css */

.mb05{
    margin-bottom: 5px !important;
}
.mt20{
    margin-top: 20px !important;
}
.mt30{
    margin-top: 30px !important;
}
.mb70{
    margin-bottom: 70px !important;
}


/*------------------------------------------------------------
	header Parts
------------------------------------------------------------*/

.holdings-titlenav #browsebar-wrapper{

}
.holdings-header__subchild {
    /*border-bottom: 1px solid #ccc;*/
}


/*------------------------------------------------------------
	unicom- Parts
------------------------------------------------------------*/

.unicom-pc{
    display: block;
}
.unicom-sp{
    display: none;
}
article#renewal23-page-article section{
	padding: 120px 0;
}
article#renewal23-page-article section:nth-of-type(1){
	padding-top: 0;
}
article#renewal23-page-article section.white-wide-bg{
	padding: 0;
}
.unicom-container{
    width: 980px;
    margin: 0 auto;
}
.unicom-container-lg{
    width: 1240px;
    margin: 0 auto;
}
.unicom-white-container{
	max-width: 1120px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 72px 0;
}
.white-wide-bg{
	position: relative;
}
.white-wide-bg:after{
	content: "";
    display: block;
    width: 50%;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
}
.unicom-white-container .page-section-body {
    padding-left: 40px;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

    .unicom-pc{
        display: none !important;
    }
    .unicom-sp{
        display: block;
    }
    .unicom-container{
        width: 100%;
        padding: 0 20px;
    }
    .unicom-container-lg{
    	width: 100%;
        padding: 0 20px;
    }

    article#renewal23-page-article section{
        padding: 72px 0;
    }



}




/*------------------------------------------------------------
	btn Parts
------------------------------------------------------------*/

.main-btn{
	margin-top: 48px;
}
.main-btn a{
	width: 320px;
	height: 60px;
	margin: 0 auto;
	border-radius: 50px;
	background: #1a1a1a;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
}
.main-btn-text{
	color: #fff;
	font-family: "quasimoda", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.main-btn-decorate {
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.main-btn-decorate .material-symbols-outlined{
	position: relative;
    z-index: 1;
}
.main-btn-decorate:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: all cubic-bezier(.34,1.56,.64,1) .4s;
    transform: scale(1);
}
.main-btn a:hover{
	background: #333333;
	opacity: 1 !important;
}
.main-btn a:hover .main-btn-decorate:after {
    transform: scale(1.3);
    background: #444444;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){

    .main-btn{
        margin-right: 8vw;
        margin-left: 8vw;
    }
    .main-btn a{
        width: 100%;
    }

}




/*------------------------------------------------------------
	index.html
------------------------------------------------------------*/

article#renewal23-top-article{

}
article#renewal23-top-article section{
	padding: 120px 0;
	/*padding: 100px 0;*/
}
article#renewal23-top-article section .main-btn{
	margin-top: 56px;
}
.top-section-head{
	margin-bottom: 56px;
}
.top-section-head-title{
	text-align: center;
}
.top-section-head-title.top-section-head-title-sm{

}
.top-section-head-title-en{
	font-family: "quasimoda", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    color: #0041C0;
    line-height: 1;
}
.top-section-head-title-jp{
	font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin-top: 16px;
}
.top-section-head-title-sm .top-section-head-title-en{
	font-size: 38px;
}
.top-section-head-title-sm .top-section-head-title-jp{
	margin-top: 12px;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

    article#renewal23-top-article section{
        padding: 72px 0;
    }
    .top-section-head{
        margin-bottom: 48px;
    }
    .top-section-head-title{
        text-align: left;
    }
    .top-section-head-title-en{
        font-size: 32px;
    }
    .top-section-head-title-sm .top-section-head-title-en{
        font-size: 28px;
    }
    .top-section-head-title-jp{
        font-size: 15px;
        margin-top: 12px;
    }


}



/* top-firstview */

#renewal23-top-visual {
    
}
.renewal23-top-visual-text{
	display: none;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){


}


/* top-news */

article#renewal23-top-article section#top-news{
	padding: 85px 0;
}
ul.top-news-list{

}
ul.top-news-list li{

}
ul.top-news-list li a{

}
.top-news-list-thumb{
	overflow: hidden;
	margin-bottom: 16px;
}
.top-news-list-thumb img{
	transition: all .4s;
    transform: scale(1);
    width: 100%;
    height: 176px;
    object-fit: cover;
}
ul.top-news-list li a .unicom-news-title{
	font-size: 15px;
	line-height: 1.6;
}
ul.top-news-list li a .unicom-news-info {
    margin-top: 16px;
}
ul.top-news-list li a:hover .top-news-list-thumb img{
	transform: scale(1.1);
}
ul.top-news-list li a .category-item {
	background: #fff;
}

#top-news-head{
	position: relative;
}
#top-news-head .slide-btn{
	position: absolute;
	top: 0;
	right: 0;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

    article#renewal23-top-article section#top-news{
        padding: 72px 0;
    }
    ul.top-news-list li{
        width: 85%;
    }
    .top-news-list-thumb img{
        height: 47vw;
    }
    ul.top-news-list li a .unicom-news-title{
        font-size: 14px;
    }
}


/* top-mission */

article#renewal23-top-article section#top-mission{
	padding-bottom: 0;
}
section#top-mission {
    position: relative;
}
section#top-mission:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(6,53,168);
background: linear-gradient(180deg, rgba(6,53,168,1) 0%, rgba(17,66,181,1) 15%, rgba(23,72,187,0.8) 40%, rgba(27,77,192,0.6) 50%, rgba(76,131,247,0.25) 60%, rgba(242,242,242,1) 100%);
}
section#top-mission .unicom-container-lg{
	position: relative;
	z-index: 1;
}
section#top-mission .top-section-head-title-en{
	color: #fff;
}
section#top-mission .top-section-head-title-jp{
	color: #fff;
}
ul.top-mission-list{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -16px;
}
ul.top-mission-list li{
	width: calc(100% / 3);
	box-sizing: border-box;
	padding: 0 16px;
	color: #fff;
	text-align: center;
}
ul.top-mission-list li:nth-of-type(1) .top-mission-list-inner{
	background: #71BC32;
}
ul.top-mission-list li:nth-of-type(2) .top-mission-list-inner{
	background: #E66354;
}
ul.top-mission-list li:nth-of-type(3) .top-mission-list-inner{
	background: #4B76D1;
}

.top-mission-list-content {
    padding: 30px 0px 32px;
}
.top-mission-title{
	font-size: 22px;
	font-weight: 700;
	line-height: 1.45;
	height: 65px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.top-mission-description {
    font-size: 15px;
    line-height: 1.75;
    font-weight: 500;
    margin-top: 12px;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

    ul.top-mission-list{
        display: block;
        margin: 0;
    }
    ul.top-mission-list li{
        width: 100%;
        padding: 0;
    }
    ul.top-mission-list li:not(:first-of-type){
        margin-top: 40px;
    }
    .top-mission-title{
        font-size: 20px;
        height: auto;
    }
    .top-mission-list-content {
        padding: 24px 0px 24px;
    }
    .top-mission-description{
        font-size: 13px;
    }
    .top-mission-list-thumb img{
        width: 100%;
    }

}



/* top-technology */

ul.top-technology-list{
	display: flex;
	flex-wrap: wrap;
	margin: -24px -12px 0;
}
ul.top-technology-list li{
	width: calc(100% / 3);
	box-sizing: border-box;
	padding: 0 12px;
	margin-top: 24px;
}
ul.top-technology-list li a{
	background: #fff;
	border-radius: 12px;
	box-shadow: rgba(9,35,64,0.1) 4px 7px 16px;
	height: 190px;
	box-sizing: border-box;
	padding: 24px 24px 16px;
}
ul.top-technology-list li a:hover{
	box-shadow: none;
}
.top-technology-list-icon{
	height: calc(100% - 50px);
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.top-technology-list-name {
    font-size: 17px;
    line-height: 1.45;
    font-weight: 500;
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

    ul.top-technology-list{
        margin: -16px -8px 0;
    }
    ul.top-technology-list li{
        padding: 0 8px;
        margin-top: 16px;
    }
    ul.top-technology-list li a{
        height: 30vw;
        padding: 8px;
    }
    .top-technology-list-name {
        font-size: 12px;
        height: 35px;
        text-align: center;
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
    .top-technology-list-icon{
        height: calc(100% - 35px);
    }
    .top-technology-list-icon img {
        object-fit: contain;
        height: 100%;
        padding: 4vw;
    }
    .top-technology-list-name-inner {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

}

@media only screen and (max-width:390px){
    .top-technology-list-icon img {
        padding: 3vw;
    }
}


/* top-interview */

section#top-interview{
	background: #fff;
}
ul.top-interview-list{
	display: flex;
	flex-wrap: wrap;
	margin: -48px -16px 0;
}
ul.top-interview-list li{
	width: calc(100% / 3);
	box-sizing: border-box;
	padding: 0 16px;
	margin-top: 48px;
}
ul.top-interview-list li a {
    background: #fff;
    box-shadow: rgba(9,35,64,0.1) 4px 7px 16px;
    box-sizing: border-box;
    height: 100%;
}
.top-interview-list-thumb{
	overflow: hidden;
}
.top-interview-list-thumb img{
	width: 100%;
	height: 249px;
	object-fit: cover;
	transition: all .4s;
    transform: scale(1);
}
.top-interview-list-thumb iframe{
    height: 249px;
    width: 100%;
}
.top-interview-list-content {
    padding: 20px;
}

ul.top-interview-list li a:hover{
	box-shadow: none;
}
ul.top-interview-list li a:hover .top-interview-list-thumb img{
	transform: scale(1.1);
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

    ul.top-interview-list{
        display: block;
        margin: 0;
    }
    ul.top-interview-list li{
        width: 100%;
        padding: 0;
        margin-top: 40px;
    }
    .top-interview-list-thumb img{
        height: 55vw;
    }
    .top-interview-list-thumb iframe{
        height: 55vw;
    }

}




/* top-lab */
article#renewal23-top-article section#top-lab{
	padding-bottom: 90px;
	position: relative;
}
article#renewal23-top-article section#top-lab:after{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(6,53,168);
background: linear-gradient(90deg, rgba(6,53,168,1) 0%, rgba(17,66,181,1) 7.5%, rgba(23,72,187,0.8)15%, rgba(27,77,192,0.6) 20%, rgba(76,131,247,0.25) 25%, rgba(242,242,242,1) 30%, rgba(242,242,242,1) 100%);
}
article#renewal23-top-article section#top-lab .unicom-container-lg{
	position: relative;
	z-index: 1;
}
#top-lab-box{
	display: flex;
	flex-wrap: wrap;
}
.top-lab-box-head{
	width: 360px;
}
.top-lab-box-body{
	width: calc(100% - 360px);
}
.top-lab-box-body {
    position: relative;
    width: 400px;
    margin-left: 40px;
}
.top-lab-box-body-inner {
    width: 100vw;
    /* position: relative; */
    visibility: visible;
}
.swiper.swiper2.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
ul.top-lab-list li.swiper-slide {
    width: 400px;
}
.top-lab-img img{
	width: 100%;
	height: 247px;
	object-fit: cover;
	display: block;
}

.top-lab-box-head-inner{
	background: #fff;
	padding: 44px 0 40px;
}
article#renewal23-top-article section .top-lab-box-head-inner .main-btn{
	margin-top: 32px;
}
.top-lab-box-head-inner .main-btn a{
	width: 280px;
	height: 56px;
}
.top-lab-box-head .slide-btn{
	justify-content: flex-end;
	margin-top: 16px;
}
.top-lab-info{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin-top: 8px;
}
.top-lab-caption{
	font-size: 17px;
	line-height: 1;
	font-weight: 500;
	margin-right: 16px;
    margin-top: 8px;
}
.top-lab-name{
	font-size: 13px;
	line-height: 1;
	background: #4C82F6;
	color: #fff;
	font-weight: 500;
	padding: 6px 4px 6px 8px;
	border-radius: 4px;
    margin-top: 8px;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

    article#renewal23-top-article section#top-lab{
        padding-bottom: 72px;
    }
    #top-lab-box{
        display: block;
    }
    .top-lab-box-head {
        width: 100%;
        position: relative;
        margin-bottom: 48px;
    }
    .top-lab-box-head-inner{
        background: none;
        padding: 0;
    }
    .top-lab-box-head .slide-btn {
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    .top-lab-box-body{
        width: 100%;
        margin-left: 0;
    }
    ul.top-lab-list li.swiper-slide{
        width: 85%;
    }
    .top-lab-img img{
        height: 52vw;
    }
    .top-lab-info{
        display: block;
    }
    .top-lab-caption{
        font-size: 15px;
        margin-bottom: 10px;
        margin-top: 16px;
    }
    .top-lab-name{
        font-size: 11px;
        display: inline-block;
        margin-top: 0;
    }
    article#renewal23-top-article section#top-lab:after{
        background: rgb(6,53,168);
    background: linear-gradient(180deg, rgba(6,53,168,1) 0%, rgba(17,66,181,1) 20%, rgba(23,72,187,0.8)35%, rgba(27,77,192,0.6) 45%, rgba(76,131,247,0.25) 50%, rgba(242,242,242,1) 60%, rgba(242,242,242,1) 100%);
    }
    section#top-lab .top-section-head-title-en{
        color: #fff;
    }
    section#top-lab .top-section-head-title-jp{
        color: #fff;
    }

}





/*------------------------------------------------------------
	page-visual Parts
------------------------------------------------------------*/

#renewal23-page-visual {
    padding: 100px 0 120px;
    border-top: 1px solid #ccc;
}
.renewal23-page-visual-home{
	margin-bottom: 16px;
}
.renewal23-page-visual-home a {
    line-height: 1;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-family: "quasimoda", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.renewal23-page-visual-home a .material-symbols-outlined{
	font-size: 20px;
	margin-left: 4px;
}
.renewal23-page-visual-title-en {
    font-family: "quasimoda", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 72px;
    color: #0041C0;
    line-height: 1;
}
.renewal23-page-visual-title-jp {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-top: 24px;
}

.renewal23-page-visual-copy {
    margin-top: 100px;
}
.renewal23-page-visual-copy-main {
    font-size: 40px;
    line-height: 1.4;
    font-weight: 700;
}
.renewal23-page-visual-copy-sub {
    margin-top: 32px;
    line-height: 2;
    font-weight: 500;
}
.renewal23-page-visual-theme {
    margin-top: 40px;
}
.renewal23-page-visual-theme .technology-list-theme{
    margin: -8px;
}
.renewal23-page-visual-theme .technology-list-theme-item {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 10px 12px 10px 20px;
    box-shadow: rgba(9,35,64,0.1) 4px 7px 16px;
    margin: 8px;
}
.renewal23-page-visual-theme .technology-list-theme-item:hover{
    box-shadow: none;
}
.renewal23-page-visual-theme .technology-list-theme-item .material-symbols-outlined {
    margin-left: 8px;
    font-size: 22px;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

    #renewal23-page-visual {
        padding: 72px 0 80px;
        border-top: none;
    }
    .renewal23-page-visual-home a{
        font-size: 12px;
    }
    .renewal23-page-visual-title-en{
        font-size: 48px;
        font-size: 40px;
    }
    .renewal23-page-visual-title-jp {
        font-size: 15px;
        margin-top: 20px;
    }

    .renewal23-page-visual-copy{
        margin-top: 72px;
    }
    .renewal23-page-visual-copy-main {
        font-size: 28px;
    }

    .renewal23-page-visual-theme .technology-list-theme-item {
        padding: 10px 10px 10px 16px;
        margin: 8px 8px;
        font-size: 13px;
    }

}




/*------------------------------------------------------------
	page-section Parts
------------------------------------------------------------*/

.page-section-head{
	margin-bottom: 48px;
}
.page-section-head-title{
	font-size: 28px;
	padding-left: 40px;
	line-height: 1.45;
	position: relative;
	font-weight: 700;
}
.page-section-head-title:before{
	content: "";
	display: block;
	width: 8px;
	height: 100%;
	background: #0344C0;
	position: absolute;
	left: 0;
	top: 0;
}
.page-section-body{

}
.page-section-body p:not(:first-of-type){
	margin-top: 16px;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

    .page-section-head-title {
        font-size: 20px;
        padding-left: 24px;
    }
    .page-section-head-title:before{
        width: 6px;
    }
    .unicom-white-container .page-section-body{
        padding-left: 0;
    }

}




/*------------------------------------------------------------
	aside Parts
------------------------------------------------------------*/

aside#renewal23-page-aside{
	background: #fff;
	padding: 80px 0;
}
.renewal23-page-aside-head{
	margin-bottom: 48px;
}
.renewal23-page-aside-head-title {
    font-size: 28px;
    line-height: 1.45;
    position: relative;
    font-weight: 700;
    text-align: center;
}
ul.page-aside-link{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -16px;
}
ul.page-aside-link li{
	width: 50%;
	box-sizing: border-box;
	padding: 0 16px;
}
ul.page-aside-link li a{
	border-radius: 12px;
	background: #F4F4F4;
	padding: 32px 32px 28px;
}
.page-aside-link-head{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.page-aside-link-head-title{
	width: calc(100% - 36px);
	box-sizing: border-box;
	padding-right: 32px;
}
.page-aside-link-head-decorate{
	width: 36px;
	height: 36px;
	color: #fff;
	font-size: 24px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: relative;
}
.page-aside-link-head-decorate:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #1a1a1a;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	transition: all cubic-bezier(.34,1.56,.64,1) .4s;
    transform: scale(1);
}
ul.page-aside-link li a:hover .page-aside-link-head-decorate:after{
	transform: scale(1.3);
}
.page-aside-link-head-decorate .material-symbols-outlined{
	position: relative;
	z-index: 1;
}
.page-aside-link-head-title-en {
    font-family: "quasimoda", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    color: #0041C0;
    line-height: 1;
}
.page-aside-link-head-title-jp{
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	margin-top: 10px;
}
.page-aside-link-body p {
    line-height: 1.75;
    font-size: 15px;
}


/* technology子ページ用 */
ul.page-aside-technology{
	display: flex;
	flex-wrap: wrap;
	margin: -16px -8px 0;
}
ul.page-aside-technology li{
	width: calc(100% / 4);
	box-sizing: border-box;
	padding: 0 8px;
	margin-top: 16px;
}
ul.page-aside-technology li a{
	background: #fff;
	border-radius: 12px;
	box-shadow: rgba(9,35,64,0.1) 4px 7px 16px;
	height: 143px;
	box-sizing: border-box;
	padding: 20px 16px 12px;
}
ul.page-aside-technology li a:hover{
	box-shadow: none;
}
.page-aside-technology-icon{
	height: calc(100% - 42px);
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.page-aside-technology-name {
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
    height: 42px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}


/* interview子ページ用 */
.interview-single aside#renewal23-page-aside {
    background: #F2F2F2;
    margin-top: 30px;
}
ul.page-aside-interview{
    display: flex;
    flex-wrap: wrap;
    margin: -48px -16px 0;
}
ul.page-aside-interview li{
    width: calc(100% / 3);
    box-sizing: border-box;
    padding: 0 16px;
    margin-top: 48px;
}
ul.page-aside-interview li a {
    background: #fff;
    box-shadow: rgba(9,35,64,0.1) 4px 7px 16px;
    box-sizing: border-box;
    height: 100%;
}
.page-aside-interview-thumb{
    overflow: hidden;
}
.page-aside-interview-thumb img{
    width: 100%;
    height: 190px;
    object-fit: cover;
    transition: all .4s;
    transform: scale(1);
}
.page-aside-interview-thumb iframe{
    height: 190px;
    width: 100%;
}
.page-aside-interview-content {
    padding: 20px;
}

ul.page-aside-interview li a:hover{
    box-shadow: none;
}
ul.page-aside-interview li a:hover .top-interview-list-thumb img{
    transform: scale(1.1);
}
ul.page-aside-interview li a:hover .page-aside-interview-thumb img{
    transform: scale(1.1);
}
ul.page-aside-interview li .unicom-interview-title{
    font-size: 16px;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

    aside#renewal23-page-aside{
        padding: 72px 0;
    }
    ul.page-aside-link{
        display: block;
        margin: 0;
    }
    ul.page-aside-link li{
        width: 100%;
        padding: 0;
    }
    ul.page-aside-link li:not(:first-of-type){
        margin-top: 20px;
    }
    ul.page-aside-link li a{
        padding: 28px 20px 24px;
    }
    .page-aside-link-body p{
        font-size: 14px;
    }
    .page-aside-link-head{
        margin-bottom: 16px;
    }
    .page-aside-link-head-title-en{
        font-size: 24px;
    }
    .page-aside-link-head-title-jp{
        font-size: 13px;
        margin-top: 8px;
    }

    .renewal23-page-aside-head-title{
        font-size: 18px;
    }

    ul.page-aside-technology li{
        width: 50%;
    }
    ul.page-aside-technology li a {
        height: 120px;
        padding: 16px 8px 8px;
        text-align: center;
    }
    .page-aside-technology-icon {
        height: calc(100% - 40px);
    }
    .page-aside-technology-icon img {
        padding: 1vw 8vw;
        object-fit: contain;
        height: 100%;
    }
    .page-aside-technology-name {
        font-size: 13px;
        height: 40px;
    }

     ul.page-aside-interview {
        display: block;
        margin: 0;
    }
     ul.page-aside-interview li {
        width: 100%;
        padding: 0;
        margin-top: 40px;
    }
    .page-aside-interview-thumb img {
        height: 55vw;
    }
    .page-aside-interview-thumb iframe {
        height: 55vw;
    }
    ul.page-aside-interview li .unicom-interview-title {
        font-size: 15px;
        overflow: unset;
        display: block;
    }


}





/*------------------------------------------------------------
	ABOUT US
------------------------------------------------------------*/

#about-positioning-img{
	margin-top: 40px;
}
section#about-positioning .unicom-white-container{
	padding-bottom: 56px;
}

section#about-positioning .page-section-head{
	margin-bottom: 32px;
}
ul.about-relatedsites-list{
	display: flex;
	flex-wrap: wrap;
	margin: -32px -16px 0;
}
ul.about-relatedsites-list li{
	width: calc(100% / 3);
	box-sizing: border-box;
	padding: 32px 16px 0;
}
ul.about-relatedsites-list li a{
	background: #fff;
	border-radius: 12px;
	box-shadow: rgba(9,35,64,0.1) 4px 7px 16px;
	text-decoration: none;
	height: 100%;
}
.about-relatedsites-list-thumb{
	border-radius: 12px 12px 0 0;
	overflow: hidden;
}
.about-relatedsites-list-thumb img{
	width: 100%;
	height: 188px;
	object-fit: cover;
	border-radius: 12px 12px 0 0;
	transition: all .4s;
    transform: scale(1);
}
.about-relatedsites-list-content{
	text-align: center;
	padding: 22px 20px 24px;
}
.about-relatedsites-list-content-name {
    line-height: 1;
    font-size: 20px;
    font-weight: 700;
}
.about-relatedsites-list-content-url{
	line-height: 1.45;
	font-family: "quasimoda", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: -0.5px;
	color: #0344C0;
	text-decoration: underline;
	margin-top: 6px;
}
.about-relatedsites-list-content-tags {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 16px -4px -4px;
}
.about-relatedsites-list-content-tags .tag-item{
	font-size: 12px;
	line-height: 1;
	font-weight: 500;
	padding: 8px 12px;
	background: rgba(235,238,243,0.5);
	border-radius: 20px;
	margin: 4px;
}
ul.about-relatedsites-list li a:hover{
	opacity: 1 !important;
	box-shadow: none;
}
ul.about-relatedsites-list li a:hover .about-relatedsites-list-thumb img{
	transform: scale(1.1);
}
ul.about-relatedsites-list li a:hover .about-relatedsites-list-content{
	opacity: 0.7;
}
ul.about-relatedsites-list li a:hover .about-relatedsites-list-content-url{
	color: #1a1a1a;
	text-decoration: none;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

    ul.about-relatedsites-list{
        display: block;
        margin: 0;
    }
    ul.about-relatedsites-list li{
        width: 100%;
        padding: 0;
        margin-top: 40px;
    }
    .about-relatedsites-list-thumb img{
        height: 55vw;
    }
    .about-relatedsites-list-content-name{
        font-size: 18px;
    }
    .about-relatedsites-list-content-url{
        margin-top: 6px;
    }

}






/*------------------------------------------------------------
	RECRUIT
------------------------------------------------------------*/

section#recruit-highly-skilled .page-section-head{
	margin-bottom: 32px;
}

#highly-skilled-interview-head{

}
#highly-skilled-interview-head .page-section-head-title{
	padding-left: 0;
}
#highly-skilled-interview-head .page-section-head-title:before{
	content: none;
}

section#recruit-researcher-interview{

}
section#recruit-highly-skilled-interview .slide-btn {
    position: absolute;
    top: 0;
    right: 0;
}

ul.recruit-interview-list{
	display: flex;
	flex-wrap: wrap;
	margin: -48px -12px 0
}
ul.recruit-interview-list li{
	width: calc(100% / 3);
    box-sizing: border-box;
    padding: 0 12px;
    margin-top: 48px;
}
ul.recruit-interview-list li a {
    background: #fff;
    box-shadow: rgba(9,35,64,0.1) 4px 7px 16px;
    box-sizing: border-box;
}
.recruit-interview-list-thumb {
    overflow: hidden;
}
.recruit-interview-list-thumb img{
	width: 100%;
    height: 190px;
    object-fit: cover;
    transition: all .4s;
    transform: scale(1);
}
.recruit-interview-list-thumb iframe{
    width: 100%;
    height: 190px;
}
.recruit-interview-list-content {
    padding: 20px 18px;
}
.recruit-interview-title {
    line-height: 1.55;
    font-weight: 500;
}
.recruit-interview-info{
	margin-top: 16px;
}
.recruit-interview-info .field-item{
	padding-left: 0;
}
ul.recruit-interview-list li a:hover{
	box-shadow: none;
}
ul.recruit-interview-list li a:hover .recruit-interview-list-thumb img{
	transform: scale(1.1);
}

ul#researcher-interview-link.page-aside-link{
	
}
ul#researcher-interview-link.page-aside-link li{
	width: 50%;
}
ul#researcher-interview-link.page-aside-link li a{
	background: #fff;
}
ul.recruit-interview-list.highly-skilled-interview-list{
	flex-wrap: unset;
	margin: 0;
}
ul.recruit-interview-list.highly-skilled-interview-list li{
	padding: 0;
	margin-top: 0;
}
.swiper.scroll-x-wrap {
    overflow: visible;
}
#highly-skilled-interview-head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.slide-btn {
    display: flex;
    align-items: center;
}
.slide-btn.unicom-pc{
    display: flex !important;
}
.swiper-btn-prev {
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    cursor: pointer;
    transition: transform .5s ease;
    box-sizing: border-box;
    border-radius: 4px;
}
.swiper-btn-prev:hover {
    transform: scale(1.2);
}
.swiper-btn-next {
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .5s ease;
    box-sizing: border-box;
    border-radius: 4px;
}
.swiper-btn-next:hover {
    transform: scale(1.2);
}
.swiper-button-disabled {
    background: none;
    opacity: 0.7;
    cursor: auto;
    border: none;
}


article#renewal23-page-article section#recruit-window {
    padding-top: 120px;
    margin-bottom: 120px;
    background: rgb(6,53,168);
    background: linear-gradient(45deg, rgba(6,53,168,1) 0%, rgba(26,76,191,1) 40%, rgba(50,103,218,1) 80%, rgba(76,131,247,1) 100%);
    color: #fff;
}
.recruit-window-head{
	margin-bottom: 40px;
}
.recruit-window-head-title{
	font-size: 32px;
    line-height: 1.45;
    position: relative;
    font-weight: 700;
    text-align: center;
}
.recruit-window-text{
	text-align: center;
	margin-bottom: 48px;
}
ul.recruit-window-link {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}
ul.recruit-window-link li {
    width: 50%;
    box-sizing: border-box;
    padding: 0 16px;
}
ul.recruit-window-link li a {
    border-radius: 12px;
    background: #fff;
    padding: 32px 32px 28px;
    height: 188px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
}
.recruit-window-name{
	font-size: 28px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    color: #0041C0;
    margin-right: 16px;
}
.recruit-window-decorate {
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.recruit-window-decorate .material-symbols-outlined{
	position: relative;
    z-index: 1;
}
.recruit-window-decorate:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #0041C0;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: all cubic-bezier(.34,1.56,.64,1) .4s;
    transform: scale(1);
}
ul.recruit-window-link li a:hover .recruit-window-decorate:after {
    transform: scale(1.3);
}

@media only screen and (max-width:640px) and (max-device-width:1280px){

    .slide-btn.unicom-pc{
        display: none !important;
    }
    article#renewal23-page-article section#recruit-window{
        padding: 72px 0;
        margin-bottom: 0;
    }
    .recruit-window-head-title{
        font-size: 20px;
    }
    .recruit-window-text{
        text-align: left;
    }

    ul.recruit-window-link{
        display: block;
        margin: 0 auto;
    }
    ul.recruit-window-link li{
        width: 100%;
        padding: 0 8vw;
    }
    ul.recruit-window-link li:not(:first-of-type){
        margin-top: 24px;
    }
    ul.recruit-window-link li a{
        height: 96px;
        padding: 24px 20px 20px;
    }
    .recruit-window-name{
        font-size: 18px;
    }
    .recruit-window-decorate{
        right: 20px;
    }
    #about-positioning-img .unicom-sp:not(:first-of-type){
        margin-top: 24px;
    }

    ul.recruit-interview-list.highly-skilled-interview-list li{
        width: 85%;
    }
    .slide-btn.unicom-sp{
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
    }
    #unicom-gallery-slider .unicom-slide-pro-sp-layer-inner {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    ul#researcher-interview-link.page-aside-link li{
        width: 100%;
    }
    section#recruit-highly-skilled-interview .slide-btn {
        position: relative;
        margin-top: 48px;
        justify-content: center;
    }


}





/*------------------------------------------------------------
	TECHNOLOGY
------------------------------------------------------------*/

ul.technology-list{

}
ul.technology-list li {
    background: #fff;
    border-radius: 12px;
    box-shadow: rgba(9,35,64,0.1) 4px 7px 16px;
    text-decoration: none;
    padding: 0px 0 28px;
}
ul.technology-list li:not(:first-of-type){
	margin-top: 24px;
}
ul.technology-list li .technology-list-content-main a {
    display: flex;
    flex-wrap: wrap;
    padding-right: calc(32px + 36px + 32px);
    position: relative;
    padding: 28px 28px 22px;
}
.technology-list-icon{
	width: 100px;
	text-align: center;
}
.technology-list-icon img {
    height: 62px;
    object-fit: contain;
}
.technology-list-content{
	width: calc(100% - 100px);
	box-sizing: border-box;
	padding-left: 28px;
}
.technology-list-content-main{
	
}
.technology-list-name {
    font-size: 28px;
    line-height: 1.35;
    position: relative;
    font-weight: 700;
    margin-bottom: 4px;
    color: #0041C0;
}
.technology-list-note {
    line-height: 1;
    font-size: 13px;
    margin-bottom: 8px;
    margin-top: 8px;
    font-weight: 500;
}
.technology-list-copy{
	font-weight: 700;
	line-height: 1.75;
}
.technology-list-decorate {
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.technology-list-decorate .material-symbols-outlined{
	position: relative;
    z-index: 1;
}
.technology-list-decorate:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: all cubic-bezier(.34,1.56,.64,1) .4s;
    transform: scale(1);
}
ul.technology-list li a:hover{
	box-shadow: none;
}
ul.technology-list li a:hover .technology-list-decorate:after {
    transform: scale(1.3);
}
.technology-list-content-sub {
    padding: 0 28px;
}
.technology-list-theme{
	display: flex;
	flex-wrap: wrap;
	margin: -4px;
}
.technology-list-theme-item {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    padding: 8px 16px;
    margin: 4px;
    background: rgba(235,238,243,0.5);
    border-radius: 50px;
}
.technology-list-theme .technology-list-theme-item {
    display: flex;
    align-items: center;
    padding: 0 12px 0 20px;
    height: 40px;
}
.technology-list-theme .technology-list-theme-item .material-symbols-outlined {
    margin-left: 8px;
    font-size: 22px;
}
.technology-list-theme a.technology-list-theme-item[target="_blank"] .material-symbols-outlined{
    font-size: 16px;
    margin: 0 8px 0 12px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){

    ul.technology-list li .technology-list-content-main a{
        padding: 20px 20px 20px;
        display: block;
    }
    .technology-list-content{
        width: 100%;
        padding-left: 0;
    }
    .technology-list-icon {
        width: auto;
        text-align: left;
        margin-bottom: 4px;
    }
    .technology-list-icon img {
        height: 56px;
        width: 64px;
        object-fit: contain;
    }
    .technology-list-decorate{
        top: 24px;
    }
    .technology-list-name{
        font-size: 22px;
    }
    .technology-list-decorate {
        top: 20px;
        right: 20px;
        transform: none;
    }
    .technology-list-note{
        font-size: 12px;
    }
    .technology-list-theme {
        margin: -4px;
    }
    .technology-list-theme-item {
        font-size: 12px;
        padding: 8px 8px;
        margin: 4px 2px;
    }

    .technology-list-theme .technology-list-theme-item {
        padding: 0 12px 0 20px;
        margin: 4px;
    }
    .technology-list-content-sub {
        padding: 0 20px;
    }
    ul.technology-list li {
        padding: 0px 0 20px;
    }

}




/*------------------------------------------------------------
	TECHNOLOGY子ページ
------------------------------------------------------------*/

.renewal23-page-visual-technology{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: -68px;
}
.renewal23-page-visual-technology-icon {
    width: 100px;
    height: 80px;
    box-sizing: border-box;
    padding: 12px 14px 10px;
    background: #fff;
    border-radius: 8px;
    margin-right: 32px;
    text-align: center;
}
.renewal23-page-visual-technology-icon img{
	height: 100%;
	width: auto;
	object-fit: contain;
}
.renewal23-page-visual-technology-name{
	font-size: 28px;
    line-height: 1.35;
    font-weight: 700;
    color: #0041C0;
}
.renewal23-page-visual-technology-name-note {
    font-size: 15px;
    font-weight: 500;
}
article#technology-theme-article {
    margin-bottom: 120px;
}
article#technology-theme-article section:not(:first-of-type){
	margin-top: 72px;
}
article#technology-theme-article section .unicom-white-container{
	padding: 72px 0 64px;
}
.technology-theme-head{
	margin-bottom: 40px;
}
.technology-theme-head-title {
    font-size: 32px;
    padding-left: 40px;
    line-height: 1.35;
    position: relative;
    font-weight: 700;
    color: #0041C0;
}
.technology-theme-head-title:before {
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    background: #0344C0;
    position: absolute;
    left: 0;
    top: 0;
}
.technology-theme-head-title-sm {
    font-size: 16px;
    margin-left: 8px;
}
.technology-theme-head-title-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.technology-theme-head-title-wrap .technology-theme-head-note {
    
}
.technology-theme-head-description{
	    font-weight: 700;
    margin-top: 12px;
    padding-left: 40px;
    font-size: 17px;
}
.technology-theme-head-note {
    padding-left: 40px;
    color: #404040;
    font-weight: 500;
    font-size: 13px;
    margin-top: 4px;
}
.technology-theme-body{
	padding-left: 40px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	align-items: flex-start;
}
.unicom-technology-introduction-single-info-main-image-box-wrap{
	width: 420px;
}
.unicom-technology-introduction-single-info-main-image-box-wrap .unicom-technology-introduction-single-info-main-image-box:not(:first-of-type){
	margin-top: 16px;
}
.unicom-technology-introduction-single-info-main-image-box-inner{
	box-sizing: border-box;
	padding: 16px;
	border: 1px solid #DCDCDC;
	border-radius: 12px;
}
.unicom-technology-introduction-single-info-main-image-box-inner a{
    position: relative;
}
.unicom-technology-introduction-single-info-main-image-box-inner a .movie-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 64px;
}
.unicom-technology-introduction-single-info-main-movie-box iframe {
    width: 100%;
    height: 217px;
    display: block;
}
.unicom-technology-introduction-single-info-main-image-box-caption {
    font-size: 12px;
    color: #404040;
    margin-top: 10px;
    display: block;
    line-height: 1.6;
}
.unicom-technology-introduction-single-info-main-image-box-caption-note {
    font-size: 11px;
    color: #404040;
    margin-top: 10px;
    display: block;
    line-height: 1.6;
    text-align: right;
}
.unicom-technology-introduction-single-info-main-image-box-text {
    font-size: 12px;
    text-align: left;
    line-height: 1.6;
    color: #3c3c3c;
    font-weight: 400;
    margin-top: 8px;
}
.unicom-technology-introduction-single-info-main-text-box{
	width: calc(100% - 420px);
	box-sizing: border-box;
	padding-right: 32px;
}
.technology-theme-body-img {
    margin-bottom: 16px;
}
ul.unicom-technology-introduction-single-info-point-list{

}
ul.unicom-technology-introduction-single-info-point-list li{
	font-weight: 500;
	line-height: 1.6;
	position: relative;
	padding-left: 20px;
}
ul.unicom-technology-introduction-single-info-point-list li:before{
	content: "・";
	position: absolute;
	left: 0;
	top: 0;
	color: #0041C0;
}
ul.unicom-technology-introduction-single-info-point-list li:not(:first-of-type){
	margin-top: 10px;
}
.unicom-technology-introduction-single-info-point-img {
    margin-top: 32px;
}
.unicom-technology-introduction-single-info-point-list-md {
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
    line-height: 1.6;
}
.unicom-technology-introduction-single-info-point-list-sm{
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 16px;
    line-height: 1.55;
    color: #3c3c3c;
}
.unicom-technology-introduction-single-info-link-list-wrap{
	margin-top: 32px;
}
.unicom-technology-introduction-single-info-link-list-cat{
	background: rgba(235,238,243,0.5);
}
.unicom-technology-introduction-single-info-link-list-wrap .unicom-technology-introduction-single-info-link-list-cat:not(:first-of-type){
	margin-top: 10px;
}
.unicom-technology-introduction-single-info-link-list-cat-title{
	font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    background: #333333;
    color: #fff;
    padding: 6px 8px;
    width: 140px;
}
ul.unicom-technology-introduction-single-info-link-list{
	padding: 16px 20px 20px;
}
ul.unicom-technology-introduction-single-info-link-list li{
	font-size: 13px;
	line-height: 1.5;
	position: relative;
	padding-left: 20px;
}
ul.unicom-technology-introduction-single-info-link-list li:before{
	content: "・";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
main > .basic-page > #sections ul.unicom-technology-introduction-single-info-link-list li a{
	color: #2053C6;
	text-decoration: underline;
    display: inline-block;
}
main > .basic-page > #sections ul.unicom-technology-introduction-single-info-link-list li a:hover{
	color: #1a1a1a;
	text-decoration: none;
}
ul.unicom-technology-introduction-single-info-link-list li:not(:first-of-type){
	margin-top: 10px;
}
main > .basic-page > #sections a.unicom-technology-introduction-single-info-main-image-box-link {
    font-size: 13px;
    text-decoration: underline;
    color: #2053C6;
    margin-top: 4px;
}
main > .basic-page > #sections a.unicom-technology-introduction-single-info-main-image-box-link:hover{
    text-decoration: none;
    color: #1a1a1a;
}

.unicom-technology-introduction-single-info-main-image-box-two {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -10px 16px;
}
.unicom-technology-introduction-single-info-main-image-box-two .unicom-technology-introduction-single-info-main-image-box {
    width: 50%;
    margin-top: 0 !important;
    box-sizing: border-box;
    padding: 0 10px;
}
.unicom-technology-introduction-single-info-main-image-box-two .unicom-technology-introduction-single-info-main-image-box img {
    height: 100px;
    width: 100%;
    object-fit: contain;
}
ul.unicom-technology-introduction-single-info-point-list-photo{
    display: flex;
    flex-wrap: wrap;
    margin: 32px -6px 0;
}
ul.unicom-technology-introduction-single-info-point-list-photo li{
    width: calc(100% / 3);
    box-sizing: border-box;
    padding: 0 6px;
}
ul.unicom-technology-introduction-single-info-point-list-photo li .unicom-technology-introduction-single-info-point-list-photo-caption{
    display: block;
    font-size: 12px;
    margin-top: 4px;
    line-height: 1;
    text-align: center;
}

article#technology-archive-article {
    background: #fff;
    padding: 96px 0;
}
article#technology-archive-article section:not(:first-of-type){
	margin-top: 96px;
}
.technology-archive-head{
	margin-bottom: 48px;
}
.technology-archive-head-title{
	font-size: 28px;
	line-height: 1;
	font-weight: 700;
	background: #F2F2F2;
	padding: 16px 0;
	text-align: center;
}

ul.technology-archive-list{
	display: flex;
	flex-wrap: wrap;
	margin: -48px -12px 0;
}
ul.technology-archive-list li{
	width: calc(100% / 3);
	box-sizing: border-box;
	padding: 0 12px;
	margin-top: 48px;
}
ul.technology-archive-list li a{
	background: #fff;
    box-shadow: rgba(9,35,64,0.1) 4px 7px 16px;
    box-sizing: border-box;
    height: 100%;
}
.technology-archive-list-thumb{
	overflow: hidden;
}
.technology-archive-list-thumb img{
	width: 100%;
    height: 190px;
    object-fit: cover;
    transition: all .4s;
    transform: scale(1);
}
.technology-archive-list-thumb.unicom-image-box iframe {
    width: 100%;
    height: 190px;
}
.technology-archive-list-content {
    padding: 20px;
}
.technology-archive-list-content-name {
    line-height: 1.55;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
ul.technology-archive-list li a:hover{
	box-shadow: none;
}
ul.technology-archive-list li a:hover .technology-archive-list-thumb img{
	transform: scale(1.1);
}
.technology-archive-list-content-info {
    line-height: 1;
    margin-top: 16px;
}
.category-item {
    font-size: 12px;
    background: #f5f6f9;
    display: inline-block;
    line-height: 1;
    color: #3c3c3c;
    font-weight: 500;
    padding: 6px 8px;
    border-radius: 4px;
    letter-spacing: -0.5px;
    width: 120px;
    text-align: center;
}
.field-item{
	font-size: 12px;
	font-weight: 500;
	color: #3c3c3c;
	line-height: 1;
	padding-left: 16px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#technology-single aside#renewal23-page-aside{
	background: none;
}

.unicom-technology-introduction-single-info-main-image-box-content {
    text-align: left;
    margin-bottom: 10px;
}
.unicom-technology-introduction-single-info-main-image-box-item{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
    line-height: 1.56;
}
.unicom-technology-introduction-single-info-main-image-box-content p{
    font-size: 14px;
    line-height: 1.6;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

    article#technology-theme-article{
        margin-bottom: 72px;
    }
    .renewal23-page-visual-technology {
        display: block;
        margin-bottom: -36px;
    }
    .renewal23-page-visual-technology-name {
        font-size: 20px;
        margin-top: 16px;
    }
    .renewal23-page-visual-technology-icon{
        width: 80px;
        height: 60px;
        margin-right: 0;
    }

    .technology-theme-head-title {
        font-size: 20px;
        padding-left: 24px;
    }
    .technology-theme-head-title:before{
        width: 6px;
    }
    .technology-theme-head-description {
        margin-top: 32px;
        padding-left: 0;
        font-size: 15px;
    }
    .technology-theme-head {
        margin-bottom: 24px;
    }
    .technology-theme-body{
        padding: 0;
        display: block;
    }
    .unicom-technology-introduction-single-info-main-image-box-wrap{
        width: 100%;
    }
    .unicom-technology-introduction-single-info-main-movie-box {
        position: relative;
        padding-top: 56.25%;
        height: 0;
        overflow: hidden;
    }
    .unicom-technology-introduction-single-info-main-movie-box iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .unicom-technology-introduction-single-info-main-text-box{
        width: 100%;
        padding-right: 0;
        margin-top: 24px;
    }
    .unicom-technology-introduction-single-info-main-image-box-caption{
        margin-top: 8px;
    }
    ul.unicom-technology-introduction-single-info-point-list li{
        font-size: 15px;
    }
    ul.unicom-technology-introduction-single-info-point-list li:not(:first-of-type){
        margin-top: 16px;
    }
    .unicom-technology-introduction-single-info-point-list-md{
        font-size: 13px;
        margin-top: 8px;
    }
    ul.unicom-technology-introduction-single-info-link-list li:not(:first-of-type){
        margin-top: 16px;
    }

    article#technology-archive-article{
        padding: 72px 0;
    }
    .technology-archive-head-title{
        font-size: 20px;
    }

    ul.technology-archive-list{
        display: block;
        margin: 0;
    }
    ul.technology-archive-list li{
        width: 100%;
        padding: 0;
        margin-top: 40px;
    }
    .technology-archive-list-thumb img{
        height: 55vw;
    }
    .technology-archive-list-content-name{
        font-size: 15px;
        overflow: unset;
        display: block;
    }

    article#technology-archive-article section:not(:first-of-type){
        margin-top: 72px;
    }
    .technology-theme-head-note {
        padding-left: 0;
        font-size: 12px;
        line-height: 1.6;
        margin-top: 16px;
    }
    .renewal23-page-visual-technology-name-note {
        font-size: 13px;
    }

    .unicom-technology-introduction-single-info-main-image-box-item {
        font-size: 15px;
    }
    .unicom-technology-introduction-single-info-main-image-box-content p{
        font-size: 13px;
    }

    .technology-archive-list-thumb.unicom-image-box iframe{
        height: 55vw;
    }

}




/*------------------------------------------------------------
	NEWS/INTERVIEW　（一覧）
------------------------------------------------------------*/

#archive-content{
	display: flex;
	flex-wrap: wrap;
}
aside#archive-column-aside{
	width: 180px;
}
.archive-column-aside-parts {
    margin-top: 10px;
}
.unicom-news-cat-link-box-caption{
	font-family: "quasimoda", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    font-size: 20px;
    margin-bottom: 16px;
}
.unicom-news-cat-link-box{
	
}
a.unicom-news-cat-link {
    line-height: 1;
    font-weight: 500;
    padding: 12px 16px;
    font-size: 15px;
    display: inline-block;
    background: #fff;
    width: 100%;
    margin-top: 5px;
}
a.unicom-news-cat-link:hover{
	background: #1a1a1a;
	color: #fff !important;
	opacity: 1 !important;
}
a.unicom-news-cat-link.unicom-news-cat-link-current{
	background: #1a1a1a;
	color: #fff !important;
}
a.unicom-news-cat-link.unicom-news-cat-link-current:hover{
	opacity: 1 !important;
}

#archive-content-main{
	width: calc(100% - 180px);
	box-sizing: border-box;
	padding-left: 40px;
}
.archive-content-main-search{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 48px;
}
.archive-content-main-search-caption{
	font-weight: 700;
	line-height: 1;
}
#unicom-news-field-select {
    line-height: 1;
    margin-left: 24px;
}
.select-wrap {
    background: #fff;
    height: 42px;
    width: 400px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}
.select-wrap::after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    right: 20px;
    top: 47%;
    transform: translateY(-50%) rotate(45deg);
    border-bottom: 2px solid #1a1a1a;
    border-right: 2px solid #1a1a1a;
    z-index: -1;
}
select.unicom-news-filter-form-select {
    width: 100%;
    color: #1a1a1a;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 15px;
    font-weight: 500;
    box-sizing: border-box;
    line-height: 1;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    display: block;
    cursor: pointer;
    height: 40px;
    width: 100%;
    text-indent: 20px;
}

ul.unicom-news-list{

}
ul.unicom-news-list li{

}
ul.unicom-news-list li:not(:first-of-type){
	margin-top: 24px;
}
ul.unicom-news-list li a{
	display: flex;
	flex-wrap: wrap;
	padding: 28px;
	background: #fff;
	box-shadow: rgba(9,35,64,0.1) 4px 7px 16px;
}
.unicom-news-list-thumb{
	width: 180px;
	overflow: hidden;
}
.unicom-news-list-thumb img {
    width: 100%;
    height: 112px;
    object-fit: cover;
    transition: all .4s;
    transform: scale(1);
}
.unicom-news-list-content {
    width: calc(100% - 180px);
    box-sizing: border-box;
    padding-left: 24px;
}
.unicom-news-date {
    color: #666666;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
    font-family: "quasimoda", sans-serif;
    font-style: normal;
    margin-bottom: 10px;
}
.unicom-news-title{
	font-size: 18px;
	line-height: 1.45;
	font-weight: 500;
}
.unicom-news-info{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 12px;
}
ul.unicom-news-list li a:hover{
	box-shadow: none;
}
ul.unicom-news-list li a:hover .unicom-news-list-thumb img{
	transform: scale(1.1);
}

.unicom-section-news-paging {
    margin-top: 60px;
}
.news_paging_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.news_paging_current{
	width: 40px;
	height: 40px;
	background: #1a1a1a;
	color: #fff;
	border-radius: 4px;
	font-weight: 700;
    font-family: "quasimoda", sans-serif;
    font-style: normal;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.news_paging_box a{
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 4px;
	font-weight: 700;
    font-family: "quasimoda", sans-serif;
    font-style: normal;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.news_paging_box a:hover{
	opacity: 1 !important;
	background: #1a1a1a;
	color: #fff !important;
}

#unicom-interview-field-select {
    line-height: 1;
    margin-left: 24px;
}

ul.unicom-interview-list{
	display: flex;
	flex-wrap: wrap;
	margin: -32px -16px 0;
}
ul.unicom-interview-list li{
	width: 50%;
	box-sizing: border-box;
	padding: 0 16px;
	margin-top: 32px;
}
ul.unicom-interview-list li a{
	background: #fff;
	box-shadow: rgba(9,35,64,0.1) 4px 7px 16px;
    height: 100%;
}
.unicom-interview-list-thumb{
	overflow: hidden;
}
.unicom-interview-list-thumb img{
	width: 100%;
	height: 224px;
	object-fit: cover;
	transition: all .4s;
    transform: scale(1);
}
.unicom-interview-list-thumb iframe{
    width: 100%;
    height: 224px;
}

.unicom-interview-list-content {
    padding: 20px;
}
.unicom-interview-title {
    line-height: 1.55;
    font-weight: 500;
    font-size: 17px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.unicom-interview-info{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 16px;
}
.unicom-news-info .field-item{
	box-sizing: border-box;
	width: calc(100% - 120px);
}
.unicom-interview-info .field-item{
	box-sizing: border-box;
	width: calc(100% - 120px);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.unicom-interview-list li a:hover{
	box-shadow: none;
}
ul.unicom-interview-list li a:hover .unicom-interview-list-thumb img{
	transform: scale(1.1);
}



@media only screen and (max-width:640px) and (max-device-width:1280px){

    .unicom-news-date{
        font-size: 12px;
    }
    .unicom-interview-title{
        font-size: 15px;
        overflow: unset;
        display: block;
    }
    #archive-content{
        display: block;
    }
    .archive-column-aside-parts{
        margin-top: 0;
    }
    aside#archive-column-aside{
        width: 100%;
        margin-bottom: 24px;
    }
    #archive-content-main{
        width: 100%;
        padding-left: 0;
    }
    .archive-content-main-search{
        display: block;
    }
    #unicom-interview-field-select{
        margin-left: 0;
    }
    .select-wrap{
        width: 100%;
    }
    .unicom-news-cat-link-box-caption {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .archive-content-main-search-caption{
        margin-bottom: 8px;
    }
    select.unicom-news-filter-form-select{
        font-size: 14px;
    }

    ul.unicom-interview-list{
        display: block;
        margin: 0;
    }
    ul.unicom-interview-list li{
        width: 100%;
        margin-top: 40px !important;
        padding: 0;
    }
    ul.unicom-interview-list > li:nth-child(2n){
        margin-left: 0;
    }
    .unicom-interview-list-thumb img{
        height: 55vw;
    }
    #unicom-news-field-select{
        margin-left: 0;
    }
    ul.unicom-news-list li a{
        padding: 24px 20px 24px;
        flex-direction: column-reverse;
    }
    .unicom-news-list-content{
        width: 100%;
        padding-left: 0;
        margin-bottom: 24px;
    }
    .unicom-news-list-thumb{
        width: 50%;
    }
    .unicom-news-list-thumb img{
        height: 24vw;
    }
    .unicom-news-info{
        margin-top: 16px;
    }
    .unicom-news-title{
        font-size: 16px;
    }

    select.unicom-news-filter-form-select{
        text-indent: 16px;
    }

}




/*------------------------------------------------------------
    NEWS詳細
------------------------------------------------------------*/

.news-single #renewal23-page-visual{
    padding-bottom: 0;
}
#news-single-whitebox{
    background: #fff;
    padding: 56px 60px;
}
#news-single-head {
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 2px solid #F2F2F2;
}
.news-single-head-info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px;
}
.news-single-head-info .unicom-news-date{
    margin-bottom: 0;
    margin-right: 28px;
    font-size: 16px;
}
.news-single-head-info-list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.news-single-head-info-list .category-item {
    font-size: 15px;
    padding: 6px 20px;
    width: auto;
}
.news-single-head-info-list .field-item{
    font-size: 15px;
    padding-left: 20px;
}
.news-single-head-title{
    font-size: 32px;
    font-weight: 700;
    line-height: 1.45;
}


.news-single aside#renewal23-page-aside{
    background: none;
}
ul.page-aside-news{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}
ul.page-aside-news li{
    width: calc(100% / 3);
    padding: 0 12px;
    box-sizing: border-box;
}
ul.page-aside-news li a:hover .top-news-list-thumb img {
    transform: scale(1.1);
}
ul.page-aside-news li .unicom-news-title {
    font-size: 16px;
    line-height: 1.6;
}
ul.page-aside-news li .category-item{
    background: #fff;
}
.news-single-body-text p{
    font-weight: 500;
    line-height: 2;
}
.news-single-body-parts{
    margin-top: 40px;
}

.news-single-body-parts-title {
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    position: relative;
    margin-bottom: 24px;
}
.news-single-body-parts-title:before{
    content: "■";
    color: #1040BB;
    margin-right: 8px;
}
.news-single-body-parts-content{
    padding-left: 20px;
}
dl.news-single-body-parts-link{
    margin-top: 24px;
}
dt.news-single-body-parts-link-name {
    line-height: 1.6;
    font-weight: 500;
}
dd.news-single-body-parts-link-url{
    margin-top: 6px;
    line-height: 1.45;
}
dd.news-single-body-parts-link-url a{
    color: #2053C6 !important;
    font-size: 13px;
    line-height: 1.45;
    text-decoration: underline !important;
    display: inline-block;
}
dd.news-single-body-parts-link-url a:hover{
    color: #1a1a1a !important;
    text-decoration: none !important;
}
dd.news-single-body-parts-link-description {
    font-size: 14px;
    line-height: 1.75;
    margin-top: 12px;
}
.news-single-body-img-wrap{
    margin-top: 40px;
}
.news-single-body-img {
    text-align: center;
    max-width: 500px;
    margin: 48px auto 0;
}
.news-single-body-img.mw750{
    max-width: 750px;
}
.news-single-body-img img{
    
}
.news-single-body-img-caption {
    /* display: block; */
    font-size: 12px;
    color: #606060;
    margin-top: 16px;
    display: block;
    line-height: 1.6;
}
.news-single-body-img-caption.text-left{
    text-align: left;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){

    #news-single-whitebox{
        padding: 28px 24px 40px;
    }
    .news-single-head-info{
        display: block;
        position: relative;
    }
    .news-single-head-info .unicom-news-date{
        font-size: 14px;
        margin-right: 0;
    }
    .news-single-head-info-list{
        margin-top: 10px;
    }
    .news-single-head-info-list .category-item {
        font-size: 12px;
        position: absolute;
        top: -6px;
        right: 0;
    }
    .news-single-head-info-list .field-item{
        font-size: 12px;
        padding-left: 0;
    }
    .news-single-head-title{
        font-size: 20px;
    }
    .news-single-body-parts-title{
        font-size: 17px;
        margin-bottom: 32px;
    }
    .news-single-body-parts-content{
        padding-left: 0;
    }
    dl.news-single-body-parts-link {
        margin-top: 32px;
    }
    dd.news-single-body-parts-link-description {
        font-size: 12px;
        margin-top: 16px;
    }
    dd.news-single-body-parts-link-url{
        margin-top: 8px;
    }
    dd.news-single-body-parts-link-url a{
        font-size: 12px;
    }
    .news-single-body-img{
        margin: 40px auto 0;
    }
    .news-single-body-text p{
        line-height: 1.89;
    }

    ul.page-aside-news{
        display: block;
        margin: 0;
    }
    ul.page-aside-news li{
        width: 100%;
        padding: 0 20px;
    }
    ul.page-aside-news li:not(:first-of-type){
        margin-top: 40px;
    }

    .news-single-body-img-caption {
        font-size: 11px;
        text-align: left;
    }



}



/*------------------------------------------------------------
    NEWS詳細
------------------------------------------------------------*/

article#renewal23-access-article{
    margin-bottom: 120px;
}
article#renewal23-access-article section:not(:first-of-type) {
    margin-top: 72px;
}
.unicom-aboutus-locations-single-info-box.mt0{
    margin-top: 0;
}



@media only screen and (max-width:640px) and (max-device-width:1280px){

    article#renewal23-access-article {
        margin-bottom: 72px;
    }


}







/*------------------------------------------------------------
    Voice of Engineer｜新デザイン（2024.03.28）
------------------------------------------------------------*/

section#newvoice-person .unicom-container {
    width: 800px;
}
section#newvoice-profile .unicom-container {
    width: 800px;
}
.newvoice-body .unicom-container {
    width: 800px;
}

.newvoice-person-career {
    background: #0041C0;
    color: #fff;
    font-weight: 600;
    padding: 8px 16px;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.newvoice-person-box {
    display: flex;
    flex-wrap: wrap;
    padding: 0 16px;
}
.newvoice-person-box-name{
    width: 180px;
    font-size: 24px;
    font-weight: 600;
}
.newvoice-person-box-detail{
    width: calc(100% - 180px);
    padding-top: 4px;
    font-weight: 500;
}

.unicom-newvoice-profile{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #f5f5f5;
}
.unicom-newvoice-profile-caption{
    width: 172px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.unicom-newvoice-profile-caption-en {
    font-family: "quasimoda", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    color: #0041C0;
    line-height: 1;
}
.unicom-newvoice-profile-text{
    width: calc(100% - 172px);
    box-sizing: border-box;
    padding-left: 24px;
    background: #fff;
}
.unicom-newvoice-profile-text .unicom-note-text{
    margin-top: 12px;
}
section#newvoice-profile.unicom-section{
    padding: 0;
}
section#newvoice-person.unicom-section{
    padding-bottom: 35px;
}
.unicom-section.newvoice-body{
    padding-bottom: 0;
}
section#newvoice-chapter3.unicom-section.newvoice-body {
    padding-bottom: 50px;
    margin-top: 4em;
}
section#newvoice-prologue .unicom-interview-body p{
    margin: 0;
}
section#newvoice-prologue .unicom-interview-body p.unicom-note-text{
    margin-top: 1.5em;
}
.newvoice-chapter-img img{
    object-fit: cover;
    height: 520px;
    width: 100%;
}
.newvoice-flex-column{
    display: flex;
    flex-wrap: wrap;
    margin: 1.5em 0;
}
.newvoice-flex-column.newvoice-flex-column-reverse{
    flex-direction: row-reverse;
}
.newvoice-flex-column-img .unicom-interview-image-box{
    margin: 0;
}
.newvoice-flex-column-img{
    width: 320px;
}
.newvoice-flex-column-img .unicom-interview-image-box.unicom-image-box{
    height: 100%;
}
.newvoice-flex-column-content{
    width: calc(100% - 320px);
    box-sizing: border-box;
    padding-left: 24px;
}
.newvoice-flex-column.newvoice-flex-column-reverse .newvoice-flex-column-content{
    padding-left: 0;
    padding-right: 24px;
}
.unicom-interview-body .newvoice-flex-column-content p{
    margin: 0;
}

.newvoice-chapter-head {
    margin-top: 4em;
    margin-bottom: 2em;
}
.newvoice-chapter-head-wrap {
    display: flex;
    flex-wrap: wrap;
}
.newvoice-chapter-head-number {
    font-size: 1.2rem;
    font-weight: bold;
    margin-right: 24px;
    color: #0041c0;
    line-height: 1.6;
    font-family: "quasimoda", sans-serif;
}
.newvoice-chapter-head-text {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.6;
}
.newvoice-chapter-head-title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 8px;
}
section#newvoice-chapter3 .newvoice-chapter-head-text{
    color: #0041c0;
    font-family: "quasimoda", sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
}

#newvoice-chapter3-next .newvoice-flex-column-img{
    width: 172px;
}
#newvoice-chapter3-next .newvoice-flex-column-img img{

}
#newvoice-chapter3-next .newvoice-flex-column-content{
    width: calc(100% - 172px);
}

.newvoice-flex-column .newvoice-flex-column-img img {
    height: 100%;
    object-fit: cover;
}
section#newvoice-chapter3.newvoice-body .unicom-container {
    width: 980px;
}
section#newvoice-chapter3 .unicom-interview-body {
    padding: 64px 90px 48px;
    background: #f5f5f5;
}
section#newvoice-chapter3 .newvoice-chapter-head{
    margin-top: 0;
}
#newvoice-chapter3-next .newvoice-flex-column-img img{
    height: 220px;
}

ul.newvoice-link {
    margin-top: 1.5em;
}
ul.newvoice-link li {
    font-size: 15px;
    margin-top: 1.5em;
}
main > .basic-page > #sections ul.newvoice-link li a {
    color: #2053C6;
    text-decoration: underline;
    display: inline;
}
main > .basic-page > #sections ul.newvoice-link li a:hover{
    text-decoration: none;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){

    section#newvoice-person.unicom-section{
        padding-left: 0px;
        padding-right: 0px; 
    }
    .unicom-section-interview-header .unicom-container{
        padding: 0 10px;
    }
    .newvoice-person-career{
        font-size: 14px;
        padding: 6px 12px;
        margin-bottom: 12px;
    }
    .newvoice-person-box{
        padding: 0;
        display: block;
    }
    .newvoice-person-box-name{
        width: 100%;
        font-size: 20px;
    }
    .newvoice-person-box-detail{
        width: 100%;
        line-height: 1.6;
    }
    .unicom-newvoice-profile{
        display: block;
    }
    .unicom-newvoice-profile-caption{
        width: 100%;
    }
    .unicom-newvoice-profile-text{
        width: 100%;
        padding-left: 0;
        padding-top: 12px;
    }
    section#newvoice-person.unicom-section{
        padding-bottom: 24px;
    }
    .unicom-newvoice-profile-caption-en{
        font-size: 14px;
        padding: 7px 0 6px;
    }

    .newvoice-chapter-head{
        margin-bottom: 1.5rem;
    }
    .unicom-section.newvoice-body{
        padding: 0;
    }
    .newvoice-chapter-head-number{
        font-size: 1rem;
        margin-right: 12px;
    }
    .newvoice-chapter-head-text{
        font-size: 0.9rem;
    }
    .newvoice-chapter-head-title{
        font-size: 1.3rem;
    }
    .newvoice-chapter-img img{
        height: auto;
    }
    .newvoice-flex-column{
        display: block;
        margin: 1.5rem 0 0;
    }
    .newvoice-flex-column-img{
        width: 100%;
    }
    .newvoice-flex-column-content{
        width: 100%;
        padding: 0 !important;
        margin-top: 1rem;
    }
    section#newvoice-chapter3 .unicom-interview-body{
        padding: 0;
        background: none;
    }
    section#newvoice-chapter3 .newvoice-chapter-head-text{
        font-size: 1rem;
    }
    #newvoice-chapter3-next .newvoice-flex-column-img{
        width: 100%;
    }
    #newvoice-chapter3-next .newvoice-flex-column-content{
        width: 100%;
    }
    .newvoice-flex-column .newvoice-flex-column-img img{
        height: auto;
        object-fit: unset;
    }

    section#newvoice-prologue.unicom-section.newvoice-body{
        padding-top: 40px;
    }
    #newvoice-chapter3-next .newvoice-flex-column-img img{
        height: auto;
    }

    ul.newvoice-link li {
        font-size: 14px;
    }


}