@charset "utf-8";

.ds-font-spc01 {font-family:UtoBalsamTint;}
.ds-color-spc01 {color:#ef6798;}
.ds-color-spc02 {color:#1267b3;}

article.ds-ct {
	background-image:url('../../pages/p02/img/p02_04culture_03.jpg'), url('../../pages/p02/img/p02_04culture_18.jpg');
	background-repeat:repeat-y, repeat-y;
	background-position:left top , right top;
	background-size:50% auto;
}

.ds-title {overflow:hidden;}
.ds-title>div>div {display:flex; justify-content:space-between; align-items:flex-end; margin:3% 0 0 0;}
.ds-title h1 {margin:0 0 5% 0; flex:0 0 24em; max-width:60%;}
.ds-title h1+figure{margin-right:0;}
.ds-title img {display:block; margin-left:auto; margin-right:auto; width:100%;}
.ds-title figcaption {margin:0; font-size:1.1em; margin:0.5em 0 0 0;}

/* .ds-article>div>div {margin-top:10%;} */
/* .ds-article>div>div:last-of-type {margin-bottom:10%;} */

.ds-spc-01 {background-color:#020612}
.ds-spc-01-main {background-color:rgba(27,92,171,188); background-image:url('../../pages/p02/img/p02_04culture_06.jpg'); background-size:contain; background-position:center top; overflow:hidden;}
.ds-spc-01-main span {display:block; border-bottom:2px solid #fff; padding-bottom:1.5em; margin-bottom:1.5em;}
.ds-spc-01-main img {display:block; width:10em; height:auto;}
.ds-spc-01-main>div{background-color:#1b5cabBF; padding:6%; box-sizing:border-box; max-width:600px; margin:10% 0 0 5%;}
.ds-spc-01-main>div p+p{margin-top:1.5em;}

.ds-article {overflow:hidden;}
.ds-article-0 {display:flex; width:100%; justify-content:space-between; align-items:stretch; flex-wrap:wrap; position:relative; margin:10%;}

.ds-article-0 h2 {line-height:1.5; margin-top:0; font-size:1.4em;
display:flex; width:100%;}
.ds-article-0 h2>div {
	background: -webkit-linear-gradient(180deg, #ef9bb3, #64ccb3, #365fb6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.ds-article-1>div:nth-of-type(1) {flex:0 0 37%; order:2;}
.ds-article-1>div:nth-of-type(2) {flex:0 0 58%; order:1;}
.ds-article-1>div:nth-of-type(3) {flex:0 0 25%; order:3; display:flex; align-items:flex-end;}
.ds-article-1>div:nth-of-type(4) {flex:0 0 70%; order:4;}

.ds-article-2 { flex-wrap:nowrap;}
.ds-article-2>div:nth-of-type(1) {flex:0 0 65%; position:relative; z-index:1; left:0; display:flex; flex-direction:column; justify-content:space-between;}
.ds-article-2>div:nth-of-type(1) figure {margin-left:0; margin-right:auto; width:80%;}
.ds-article-2>div:nth-of-type(1) figure img {width:100%;}

.ds-article-2>div:nth-of-type(2) {flex:0 0 70%; position:relative; z-index:0;margin-left:-35%;}
.ds-article-2>div:nth-of-type(2)>figure {margin-left:auto; margin-right:0;}
.ds-article-2>div:nth-of-type(2)>figure img {margin-right:0;}
.ds-article-2>div:nth-of-type(2)>figure:nth-of-type(1) {margin-right:0; width:40%;}
.ds-article-2>div:nth-of-type(2)>figure:nth-of-type(2) {width:60%;}
.ds-article-2>div:nth-of-type(2)>figure:nth-of-type(2) img {width:100%;}

.ds-spc-00 {background: rgba(255,255,255,0.6); padding:5%; box-sizing:border-box;}
.ds-spc-02 table {
    line-height: 1.5;
    border-collapse: separate;
    border-spacing: 1.5em 0;
}

.ds-spc-02 thead,
.ds-spc-02 tr {
    background: none!important;
}

.ds-spc-02 th,
.ds-spc-02 td {border:none!important;}


.ds-spc-02 thead th:nth-of-type(1) {width:14%;}
.ds-spc-02 thead th~th {
    width: 43%;
}

.ds-spc-02 thead div {border-style:solid; border-width:2px; border-radius:0.7em; padding:0.5em; font-size:1.1em; box-sizing:border-box; width:100%;}

.ds-spc-02 tbody tr {position:relative;}
.ds-spc-02 tbody tr:not(:nth-last-of-type(1)):after {position:absolute; display:block; width:100%; height:0; content:"";  border-top:2px dashed #ccc!important; bottom:-1px; left:0;}
.ds-spc-02 tbody th img {display:block; width:100%; height:auto; margin-left:auto; margin-right:auto;}

.ds-spc-02 tbody tr>* {
    padding: 2% 0!important
}

.ds-spc-02 strong {color:inherit; font-size:1.2em;}
.ds-spc-02 span {font-size:1.2em;}

.ds-spc-03 {margin-bottom:8%;}
.ds-spc-03-0 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.ds-spc-03-0:nth-of-type(2) {flex-direction:row-reverse;}
.ds-spc-03-0>div:nth-of-type(1) {flex:0 0 70%;}
.ds-spc-03-0>div:nth-of-type(2) {flex:0 0 25%;}
.ds-spc-03-0 figure {margin:0;}

.ds-spc-03 h3 {line-height:1.6; font-size:1.2em;}
.ds-spc-03 h3 span {display:block;}

.ds-spc-03>*+*:before {content:""; display:block; height:0; border:1px solid #ddd; width:100%; margin:7% 0; flex:0 0 100%;}


@media all and (max-width:768px) {
	.ds-spc-01-main>div {margin:25% 3% 10%;}
	.ds-article-0 {display:block; margin:10% 0;}
	
	.ds-article-0 .ds-ct-img img {width:70%;}
	
	.ds-spc-00 {padding:5% 2%; margin-left:2%; margin-right:2%;}
	.ds-spc-03 {padding-left:5%; padding-right:5%;}
	
	/* .ds-article-2>div:nth-of-type(2)>figure:nth-of-type(1) {margin-left:auto; margin-right:auto;} */
	
	.ds-article-2>div:nth-of-type(1) figure {margin-left:auto; margin-right:auto;}
	
	.ds-article-2>div:nth-of-type(2) {display:flex; margin-left:0; align-items:flex-start;}
	.ds-article-2>div:nth-of-type(2)>figure:nth-of-type(1) {flex:0 0 40%;}
	.ds-article-2>div:nth-of-type(2)>figure:nth-of-type(2) {flex:0 0 60%;}
	
	.ds-spc-03-0 {display:block;}
	.ds-spc-03-0 img {width:70%;}
}