.cross-container {
    max-width:1154px;
    margin:auto;
    padding:0 5%;
}
.page-crosstalk .h1-block p{
    font-size:min(8.53vw,60px);
    line-height: 1.6;
    	display: inline-block;
	background: #02213F;
	padding: 0 15px;
	color: #FFF;
	font-weight: 800;
}
.crosstalk-member {
    display: flex;
    justify-content: space-between;
    margin: 60px -20px 0;

}
.crosstalk-member li {
    width:20%;
    padding:0 20px;
}

.crosstalk-member li p:nth-of-type(1) {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
}
.crosstalk-member li p:nth-of-type(2),
.crosstalk-member li p:nth-of-type(3) {
    font-size: 14px;
    padding: 5px 2% 0;
    line-height: 1.8;
    margin-top: 10px;
}
.crosstalk-member li p:nth-of-type(3) {
    margin-top: 5px;
    text-align: justify;
}
.crosstalk-member li .vis {
    width:90%;
    margin:auto;
}
.page-crosstalk .feature-block01 {
    padding-top: 0;
}


.page-crosstalk main {
	margin: 60px 0 0;
	position: relative;
	overflow: hidden;
}
.page-crosstalk .ttl-vis {
	position: relative;
    z-index: 9;
}
.page-crosstalk .ttl-vis img {
	object-fit: cover;
	min-height: 600px;
	position: relative;
}
.page-crosstalk .ttl-vis:before {
	width: 100%;
	height: 240px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.53) 100%);
	z-index: 1;
	bottom: 0;
	left: 0;
}
.page-crosstalk .ttl-box {
	width: 100%;
	height: auto;
	position: relative;
	box-sizing: border-box;
	padding: 110px 0 160px;
	background: #FFF;
	z-index: 9;
}
.page-crosstalk .ttl-box:before {
	width: 580px;
	height: 186px;
	background-image: url("../img/common_img/h1-bg-left.svg");
	left: 0;
	top: 0;
	z-index: -1;
}
.page-crosstalk .ttl-box:after {
	width: 580px;
	height: 186px;
	background-image: url("../img/common_img/h1-bg-right.svg");
	right: 0;
	bottom: 0;
	z-index: -1;
}
.page-crosstalk .h1-block.eft {
	position: absolute;
	top: -104px;
	z-index: 2;
	opacity: 0;
	margin-left: -20px;
	transition: all 1s .5s;
}
.page-crosstalk .h1-block.eon {
	opacity: 1;
	margin-left: 0px;
}
.page-crosstalk .h1-block h1 {
	font-size: min(4.8vw,26px);
	font-weight: 600;
	color: #FFF;
	font-family: 'Poppins', sans-serif;
}
.page-crosstalk .h1-block p span {
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	font-size: 40px;
	line-height: 1em;
	color: #02213F;
	text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
	margin-right: 20px;
}
.page-crosstalk h2 {
	position: relative;
	text-align: center;
	font-size: 20px;
	z-index: 2;
}
.page-crosstalk h2 span {
	color: #E4E9F0;
	display: block;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	font-size: 60px;
	position: absolute;
	z-index: -1;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
}
.page-crosstalk .ttl-box .ttl {
	font-weight: 900;
	font-size: 66px;
	letter-spacing: 0.08em;
	text-align: center;
	color: #0047a3;
	margin-bottom: 20px;
	position: relative;
}
.page-crosstalk .ttl-box .sub {
	font-weight: 500;
	font-size: 24px;
	letter-spacing: 0.08em;
	text-align: center;
	color: #0047a3;
	padding-bottom: 10px;
}
.page-crosstalk .ttl-box .sub ~ p {
	padding: 0 2%;
}

.cross-block01 {
    padding-bottom: 24vw;
    position: relative;
}
.cross-block02 {
    padding-bottom: 24vw;
    position:relative;
}
.cross-block03 {
    padding-bottom: 24vw;
    position:relative;
}
.cross-block04 {
    position:relative;
}
.cross-block01::after {
    position: absolute;
    width: 432px;
    height: 282px;
    right: -223px;
    bottom: -25vw;
    background-image: url(../img/crosstalk_img/deco-c01.svg);
    z-index:8;
}
.cross-block02::after {
    position: absolute;
    width: 348px;
    height: 238px;
    left: -228px;
    bottom: 6vw;
    background-image: url(../img/crosstalk_img/deco-c02.svg);
    z-index: 7;
}
.cross-block01 .cross-container {
        margin-top: -50px;
}
.cross-block02 .cross-container {
        margin-top: -15vw;
}
.cross-block03 .cross-container {
        margin-top: -15vw;
}
.cross-block04 .cross-container {
        margin-top: -15vw;
}
.cross-block01::before {
    content:'';
    display: block;
    width:100vw;
    height:120%;
    background: rgb(48,117,208);
background: linear-gradient(0deg, rgba(48,117,208,1) 0%, rgba(0,71,169,1) 100%);
    transform: skewY(16.5deg);
    transform-origin: bottom center;
    bottom:0;
    z-index:8;
}
.cross-block02::before {
    content:'';
    display: block;
    width:100vw;
    height:100%;
    background: #fff;
    transform: skewY(16.5deg);
    transform-origin: bottom center;
    bottom:0;
    z-index:6;
}
.cross-block03::before {
    content:'';
    display: block;
    width:100vw;
    height:100%;
    background: #003881;
    transform: skewY(16.5deg);
    transform-origin: bottom center;
    bottom:0;
    z-index:4;
}
/* .cross-block04::before {
    content:'';
    display: block;
    width:100vw;
    height:100%;
    background: #fff;
    transform: skewY(16.5deg);
    transform-origin: bottom center;
    bottom:0;
    z-index:2;
} */


.cross-block_fig img {
            -webkit-mask-image: url(../img/crosstalk_img/cross-section-mask.png);
-webkit-mask-size: 100% 100%;
mask-image: url(../img/crosstalk_img/cross-section-mask.png);
mask-size: 100% 100%;
}
.corss-block_header {
    position:relative;
    z-index:10;
    text-align:center;

}

.cross-block_title h2 span.ja {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: min(6.2vw,36px);
    font-weight: 800;
        /* display: flex;
    flex-direction: column; */
    line-height: 1.8;
    color:#fff;
    position: relative;
    display: inline;
    transform: translate(0px, 0px);
    left: inherit;
    top: inherit;
}
.cross-block_title h2 span {
    border-bottom:3px solid #fff;
}
.cross-block02 .cross-block_title h2 span,
.cross-block04 .cross-block_title h2 span {
    border-bottom:3px solid #0847A3;
}
.cross-block02 .cross-block_title h2 span.ja,
.cross-block04 .cross-block_title h2 span.ja {
    color:#0047a3;
}
.cross-block_title h2::before {
    content:attr(data-en);
    display:block;
    color: rgba(255,255,255,0.4);
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: min(4.8vw,30px);
    position:static;
}
.cross-block02 .cross-block_title h2::before,
.cross-block04 .cross-block_title h2::before {
    color:rgba(0,71,163,.4);
}
.cross-block_catch {
    color:#fff;
    font-size:min(5.866vw,36px);
    margin-top: 40px;
    padding-top:30px;
    line-height: 1.6;
    position:relative;
}
.cross-block02 .cross-block_catch,
.cross-block04 .cross-block_catch {
    color:#0847A3;
}
.cross-block_catch::before {
    content:'';
    display: inline-block;
    width:55px;
    height:3px;
    background: #6B96CF;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
}

.corss-block_main {
    position:relative;
    z-index:10;
        max-width:1000px;
    margin:40px auto 0;
}
.cross-block_maininner {
    margin:0 -25px;
        display: flex;
}
.cross-block02 .cross-block_maininner,
.cross-block04 .cross-block_maininner {
    flex-direction: row-reverse;
}
.cross-block_maininner > div {
    width:50%;
    padding:0 25px;
}

.cross-item {
    display:flex;
    margin-bottom: 40px;
}
.cross-item figure {
    width:78px;
    margin-right:20px;
}
.cross-item figure figcaption {
    font-size:15px;
    font-weight:600;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    color:#fff;
    margin-top:5px;
}
.cross-block02 .cross-item figure figcaption,
.cross-block04 .cross-item figure figcaption {
    color:#0E1E33;
}
.cross-item .cross-item_talk {
    flex:1;
    font-size:15px;
    color:#fff;
    line-height: 2;
    text-align: justify;
}
.cross-item .cross-item_talk em {
    background:linear-gradient(transparent 60%, rgba(255,187,59,.5) 60%);
    font-style: normal;
    font-weight: 700;
}
.cross-block02 .cross-item .cross-item_talk,
.cross-block04 .cross-item .cross-item_talk {
    color:#0E1E33;
}
.cross-block_contentfig figure {
    margin-bottom: 50px;
}
.cross-lastblock {
    margin-top: 150px;
}

.pagetop {
    z-index: 20;
}
.cross-header {
    max-width:920px;
    margin:1rem auto 8rem;
}
.cross-header p{
        font-size:15px;
}
._pc {
    display: block;
}
._sp {
    display: none;
}

@media screen and (max-width:767px) {
    ._pc {
        display: none;
    }
    ._sp {
        display: block;
    }
    .page-crosstalk main {
        margin: 45px 0 0;
    }
    .page-crosstalk .ttl-vis img {
        min-height: 220px;
        object-fit: cover;
    }
    .cross-block01::before {
        height: 102%;
    }
    .page-crosstalk .ttl-box::before {
    width: calc(580px * .4);
    height: calc(186px * .4);
    }
    .page-crosstalk .ttl-box::after {
    width: calc(580px * .4);
    height: calc(186px * .4);
    }
    .crosstalk-member {
        flex-direction: column;
        margin-top: 30px;
    }
    .crosstalk-member li {
        width:100%;
        display: flex;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    .crosstalk-member li .vis {
   width: 80px;
        margin: 5px 20px 0 0;
    }
    .crosstalk-member .cm-info {
        flex:1;
    }
    .crosstalk-member li p:nth-of-type(1) {
        margin-top: 0;
        text-align: left;
        font-size:14px;
    }
    .crosstalk-member li p:nth-of-type(2) {
        margin-top: 0px;
        padding:0;
        line-height: 1.6;
        font-size:12px;
    }
    .page-crosstalk .ttl-box {
        padding-bottom: 100px;
        padding-top:70px;
    }
    .cross-block_maininner {
        flex-direction: column;
    }
    /* .cross-block_maininner > div {
        width:100%;
        box-sizing: border-box;
    } */
    /*for column*/
    .cross-block_maininner > div {
        width:100%;
        box-sizing: border-box;
        flex-direction: column;
    }
    .cross-block02 .cross-block_maininner, .cross-block04 .cross-block_maininner {
        flex-direction: column;
    }
    .cross-block_contentfig figure {
    margin-bottom: 20px;
    }
    .cross-lastblock {
    margin-top: 80px;
    }
    .cross-lastblock img {
        height: 210px;
    object-fit: cover;
    }
    .cross-item figure {
    width: 44px;
    }
    .cross-item figure figcaption {
    font-size: 14px;
    }
    .page-crosstalk .h1-block.eft {
        top:-17vw;
    }
    .corss-block_main {
        margin-top:30px;
    }
    .cross-block01::after {
    width: calc(432px * .4);
    height: calc(282px * .4);
    right: -100px;
    bottom: -30vw;
    }
    .cross-block02::after {
    width: calc(348px * .4);
    height: calc(238px * .4);
    left: -58px;
        bottom: -1vw;
    }
    .cross-block01,
    .cross-block02,
    .cross-block03 {
    padding-bottom: 40vw;
    }
    .cross-block_fig img {
        min-height: 200px;
    object-fit: cover;
    }
    .cross-block_contentfig {
        box-sizing: border-box;
        display: flex;
    }
    /* .cross-block_contentfig figure {
        width: 50%;
        padding: 0 2px;
    } */
    /*for column*/
    /* .cross-block_contentfig figure {
        width: 80%;
        padding: 4px 0px;
        margin:auto;
    } */
        .cross-block_contentfig figure:nth-child(2n-1) {
        width: 70%;
        padding: 0px 0px;
        margin: 1rem auto 0 0;
    }
    .cross-block_contentfig figure:nth-child(2n) {
        width: 70%;
        padding: 0px 0px;
        margin: 1rem 0 0 auto;
    }
    .cross-item .cross-item_talk {
        font-size:14px;
    }
    .cross-item {
        margin-bottom: 30px;
    }
    .page-crosstalk h2 span {
        font-size: 40px;
    }
    .cross-header {
    margin: 0rem auto 5rem;
    }
}