@charset "UTF-8";


@media screen and (min-width:769px){
	
	#pride #pagemain .mtx{
		width:380px;
	}
	
	#pride .infocont{
		padding:120px 0 50px 0;
		width:1000px;
		margin:0 auto;
	}
	
	#pride .infocont .tx{
		font-size:2rem;
		line-height: 3.6rem;
		font-weight: 600;
	}
	
	#pride .indexlist{
		width:100%;
		padding:0 0 100px 0;
		display: block;
	}
	
	#pride .indexlist .box{
		width:100%;
		position: relative;
		margin:0 0 100px 0;
	}
	
	#pride .indexlist .box:last-child{
		margin:0 0 0 0;
	}
	
	#pride .indexlist .box::after{
		width:calc((100% - 1000px) / 2 + 900px);
		content: "";
		height:300px;
		position: absolute;
		background:#ecf2fa;
		bottom:0;
		left: 0;
		z-index:1;
	}
	
	#pride .indexlist .box.box2::after{
		width:calc((100% - 1000px) / 2 + 900px);
		content: "";
		height:300px;
		position: absolute;
		background:#e5f6f9;
		bottom:0;
		left: auto;
		right:0;
		z-index:1;
	}
	
	#pride .indexlist .box .inbox{
		width:1000px;
		margin:0 auto;
		position: relative;
		z-index:2;
	}
	
	#pride .indexlist .box .inbox .phbox{
		position: relative;
		display: block;
	}
	
	#pride .indexlist .box .inbox .phbox > img{
		transition: all 0.2s;
		filter: brightness(1);
	}
	
	#pride .indexlist .box .inbox .phbox:hover > img{
		filter:brightness(1.1);
	}
	
	#pride .indexlist .box .inbox .phbox .overbox{
		position: absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		display: flex;
		padding:0 0;
		align-items: center;
		box-sizing: border-box;
	}
	
	#pride .indexlist .box .inbox .phbox .overbox .inner{
		height:135px;
	}
	
	#pride .indexlist .box .inbox .phbox .overbox .inner.box2{
		height:125px;
		position: relative;
		left:-15px;
	}
	
	#pride .indexlist .box .inbox .phbox .overbox .inner.box3{
		height:110px;
		position: relative;
		left:-42px;
	}
	
	#pride .indexlist .box .inbox .phbox .overbox .inner img{
		height:100%;
		width:auto;
	}
	
	#pride .indexlist .box .boxbottom{
		padding:20px 0 40px 0;
		display: flex;
		justify-content: space-between;
	}
	
	#pride .indexlist .box .txcont .mtx{
		font-size:2rem;
		line-height: 3.6rem;
		font-weight: 600;
		margin: 0 0 10px 0;
	}
	
	#pride .indexlist .box .txcont .cap{
		font-size:1.2rem;
		line-height: 2.8rem;
	}
	
	#pride .indexlist .box .txcont .cap strong{
		font-size:1.8rem;
		line-height: 2.8rem;
		font-weight: normal;
	}
	
	#pride .indexlist a.link{
		color:#000;
		font-size:1.5rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		transition: all 0.2s;
		z-index:3;
		margin:0 0 0 0;
	}
	
	#pride .indexlist a.link:hover{
		opacity: 0.7;
	}
	
	#pride .indexlist a.link::after{
		content: "";
		width:50px;
		height:52px;
		background:url("../images/common/movie_arrow2.svg") no-repeat;
		background-size:50px;
		margin:0 0 0 20px;
	}
	
	#pride .timebox{
		padding:120px 0 120px 0;
		position: relative;
	}
	
	#pride .timebox .illbox{
		width:1000px;
		margin:0 auto;
		padding:0 0 0 180px;
		box-sizing: border-box;
		z-index:2;
		position: relative;
	}
	
	#pride .timebox .bgborderbox{
		width:100%;
		position: absolute;
		height:310px;
		background:#e7eff8;
		top:calc(50% - 155px);
		display: flex;
		z-index:1;
	}
	
	#pride .timebox .bgborderbox .innerbox{
		width:1000px;
		height:100%;
		margin:0 auto;
		display: flex;
		align-items: flex-end;
	}
	
	#pride .timebox .bgborderbox .innerbox img{
		height:calc(100% - 40px);
		width:auto;
		position: relative;
		left:-20px;
	}
	
	#pride .infocont .flexphbox{
		display: flex;
		justify-content: space-between;
	}
	
	#pride .infocont .flexphbox .box{
		width:50%;
		padding:0 40px 0 0;
		box-sizing: border-box;
		border-right:1px dashed #000;
	}
	
	#pride .infocont .flexphbox .box:last-child{
		width:50%;
		padding: 0 0 0 40px;
		box-sizing: border-box;
	}
	
	#pride .infocont .flexphbox .box .fph{
		margin:0 0 20px 0;
	}
	
	#pride .infocont .flexphbox .box .ftl{
		color:#1647a4;
		font-size:2rem;
		line-height: 3.2rem;
		margin:0 0 20px 0;
	}
	
	#pride .infocont .flexphbox .box .ftx{
		font-size:1.4rem;
		line-height: 2.8rem;
	}
	
	#pride .internbottom{
		padding:160px 0;
	}
	
	#pride .internbottom .linkbox{
		display: flex;
		justify-content: center;
	}
	
	#pride .internbottom .linkbox .box{
		width:600px;
		height:200px;
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		overflow: hidden;
	}
	
	#pride .internbottom .linkbox .txbox{
		color:#fff;
		z-index:2;
		position: relative;
		padding:0 30px;
		display: flex;
		align-items: center;
		width:100%;
		box-sizing: border-box;
		font-size:1.2rem;

	}
	
	#pride .internbottom .linkbox .txbox .inbox{
		vertical-align: bottom;
	}
	
	#pride .internbottom .linkbox .txbox .inbox .numtx{
		color:#fff;
		font-style: italic;
		font-size:2.4rem;
		vertical-align: middle;
		margin:0 0 10px 0;
	}
	
	#pride .internbottom .linkbox .txbox .inbox .numtx span{
		font-size:5rem;
		vertical-align: middle;
	}
	
	#pride .internbottom .linkbox .txbox .inbox .tx{
		margin:0 0 0 0;
		font-size:2.4rem;
		line-height: 4.2rem;
		font-weight: 600;
		color:#fff;
	}
	
	#pride .internbottom .linkbox .txbox .inbox .tx span{
		font-size:1.8rem;
	}
	
	#pride .internbottom .linkbox .txbox::after{
		content: "";
		width:50px;
		height:52px;
		background:url("../images/common/movie_arrow.svg") no-repeat;
		background-size:50px;
		display: inline-block;
		vertical-align: middle;
		margin:0 0 0 auto;
	}
	
	#pride .internbottom .linkbox .box img.bg{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		transition: all 0.2s;
		transform: scale(1);
		z-index: 1;
	}
	
	#pride .internbottom .linkbox .box:hover img.bg{
		transform: scale(1.1);
	}
	
	#pride .namecont{
		width:1000px;
		margin:0 auto;
		padding:120px 0;
		display: flex;
	}
	
	#pride .namecont .name{
		width:200px;
	}
	
	#pride .namecont .name.box2{
		width:527px;
	}
	
	#pride .namecont .tx{
		padding:0 0 0 45px;
		font-size:2.6rem;
		line-height: 5.2rem;
		color:#1647a4;
		font-weight: 600;
	}
	
	#pride .commentcont{
		padding:0 0 140px 0;
	}
	
	#pride .commentcont .flexbox{
		display: flex;
		justify-content: space-between;
		margin:0 0 80px 0;
	}
	
	#pride .commentcont .flexbox:last-child{
		margin:0 0 0 0;
	}
	
	#pride .commentcont .flexbox .txbox{
		font-size:1.4rem;
		line-height: 2.8rem;
		padding: 0 25px 0 calc((100% - 1000px) / 2);
		width:50%;
		box-sizing: border-box;
		position: relative;
		z-index:2;
	}
	
	#pride .commentcont .flexbox .phbox{
		padding:0 calc((100% - 1000px) / 2) 0 25px;
		width:50%;
		box-sizing: border-box;
		position: relative;
	}
	
	#pride .commentcont .flexbox .phbox img{
		position: relative;
		z-index:2;
	}
	
	#pride .commentcont .flexbox .phbox.bg::after{
		content: "";
		width:calc(100% - 100px);
		height:100%;
		background:#ecf2fa;
		z-index:1;
		display: block;
		position: absolute;
		right:0;
		bottom:calc(100% - 100px);
	}
	
	#pride .commentcont .flexbox .phbox.box2.bg::after{
		content: "";
		width:calc(100% - 100px);
		height:100%;
		background:#ecf2fa;
		z-index:1;
		display: block;
		position: absolute;
		left:0;
		right:auto;
		bottom:calc(100% - 100px);
	}
	
	#pride .commentcont .flexbox .phbox.bg2::after{
		content: "";
		width:calc(100% - 100px);
		height:100%;
		background:#e5f6f9;
		z-index:1;
		display: block;
		position: absolute;
		right:0;
		bottom:calc(100% - 100px);
	}
	
	#pride .commentcont .flexbox .phbox.box2.bg2::after{
		content: "";
		width:calc(100% - 100px);
		height:100%;
		background:#e5f6f9;
		z-index:1;
		display: block;
		position: absolute;
		left:0;
		right:auto;
		bottom:calc(100% - 100px);
	}
	
	#pride .commentcont .flexbox .txbox.box2{
		font-size:1.4rem;
		line-height: 2.8rem;
		padding:0 calc((100% - 1000px) / 2) 0 25px;
		width:50%;
		box-sizing: border-box;
		position: relative;
	}
	
	#pride .commentcont .flexbox .phbox.box2{
		padding: 0 25px 0 calc((100% - 1000px) / 2);
		width:50%;
		box-sizing: border-box;
		position: relative;
		order:-1;
	}
	
	#pride .commentcont .flexbox .txbox .co1{
		color:#5b7ebf;
	}
	
	#pride .commentcont .flexbox .txbox .co2{
		color:#23aad1;
	}
	
	#pride .whatcont{
		width:1000px;
		margin: 0 auto;
		padding:0 0 100px 0;
	}
	
	#pride .whatcont .tl{
		width:100%;
		position: relative;
		text-align: center;
		margin:0 0 0 0;
	}
	
	#pride .whatcont .tl::before{
		content: "";
		height:45px;
		border-right:1px solid #0c3388;
		position: absolute;
		top:0;
		left:0;
	}
	
	#pride .whatcont .tl::after{
		content: "";
		height:45px;
		border-right:1px solid #0c3388;
		position: absolute;
		top:0;
		right:0;
	}
	
	#pride .whatcont .tl span{
		width:390px;
		padding:0 10px;
		background:#fff;
		display: inline-block;
		position: relative;
		z-index: 2;
		top:-40px;
	}
	
	#pride .whatcont .tl span.border{
		width:100%;
		position: absolute;
		border-bottom:1px solid #0c3388;
		top:0;
		left:0;
		z-index: 1;
	}
	
	#pride .flextx{
		padding:0 65px 45px;
		position: relative;
		border-bottom:1px solid #0c3388;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	#pride .flextx .mtx{
		width:300px;
		font-size:1.6rem;
		line-height: 3.2rem;
		font-weight: bold;
	}
	
	#pride .flextx .subtx{
		width:calc(100% - 300px);
		font-size:1.4rem;
		line-height: 2.8rem;
	}

	#pride .flextx::before{
		content: "";
		height:45px;
		border-right:1px solid #0c3388;
		position: absolute;
		bottom:0;
		left:0;
	}
	
	#pride .flextx::after{
		content: "";
		height:45px;
		border-right:1px solid #0c3388;
		position: absolute;
		bottom:0;
		right:0;
	}
	
	#pride .daycont{
		padding:120px 0;
		background:#ecf2fa;
	}
	
	#pride .daycont.box2{
		padding:120px 0;
		background:#e5f6f9;
	}
	
	#pride .daycont .innerbox{
		width:1000px;
		margin:0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	#pride .daycont .innerbox .info{
		width:300px;
	}
	
	#pride .daycont .innerbox .info .tl{
		font-size:2.6rem;
		line-height: 4rem;
		font-weight: 600;
		margin:0 0 20px 0;
	}
	
	#pride .daycont .innerbox .tablebox{
		width:610px;
	}
	
	#pride .daycont .innerbox .tablebox table{
		border-collapse: collapse;
		width:100%;
		font-size:1.6rem;
		line-height: 2.8rem;
	}
	
	#pride .daycont .innerbox .tablebox table td{
		padding:10px 0;
	}
	
	#pride .daycont .innerbox .tablebox table td:first-child{
		width:95px;
	}
	
	#pride .daycont .innerbox .tablebox table td:nth-child(2){
		position: relative;
		vertical-align: middle;
		text-align: center;
	}
	
	#pride .daycont .innerbox .tablebox table td:nth-child(2)::after{
		content: "";
		width:11px;
		height:11px;
		background:#1647a4;
		border-radius: 50%;
		display: inline-block;
	}
	
	#pride .daycont .innerbox .tablebox table tr:first-child td:nth-child(2)::before{
		content: "";
		height:50%;
		border-right:1px solid #1647a4;
		position: absolute;
		top:50%;
		left:50%;
	}
	
	#pride .daycont .innerbox .tablebox table td:nth-child(2)::before{
		content: "";
		height:100%;
		border-right:1px solid #1647a4;
		position: absolute;
		top:0;
		left:50%;
	}
	
	#pride .daycont .innerbox .tablebox table tr:last-child td:nth-child(2)::before{
		content: "";
		height:50%;
		border-right:1px solid #1647a4;
		position: absolute;
		bottom:50%;
		top:auto;
		left:50%;
	}
	
	#pride .daycont .innerbox .tablebox table td:last-child{
		padding:0 0 0 70px;
	}
	
	#pride .keywordlinkcont{
		display: flex;
		justify-content: space-between;
		padding:120px 0;
	}
	
	#pride .keywordlinkcont .box{
		width:calc((100% - 4px) / 3);
	}
	
	#pride .keywordlinkcont .box .ph{
		position: relative;
		padding-top:56%;
		overflow: hidden;
		margin:0 0 20px 0;
		display: block;
	}
	
	#pride .keywordlinkcont .box .ph img{
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		transition: all 0.2s;
		transform: scale(1);
	}
	
	#pride .keywordlinkcont .box .ph:hover img{
		transform: scale(1.1);
	}
	
	#pride .keywordlinkcont .box .name.box2{
		height:85px;
		text-align: center;
		width:100%;
	}
	
	#pride .keywordlinkcont .box .name.box3{
		height:88px;
		text-align: center;
		width:100%;
	}
	
	#pride .keywordlinkcont .box .name.box4{
		height:98px;
		text-align: center;
		width:100%;
	}
	
	#pride .keywordlinkcont .box .name img{
		height:100%;
		width:auto;
		display: inline-block;
	}
}

@media screen and (max-width:768px){
	
	#pride #pagemain .mtx{
		width:250px;
	}
	
	#pride .infocont{
		padding:60px 0 60px 0;
		width:90%;
		margin:0 auto;
	}
	
	#pride .infocont .tx{
		font-size:1.5rem;
		line-height: 2.5rem;
		font-weight: 600;
	}
	
	#pride .indexlist{
		width:100%;
		padding:0 0 100px 0;
		display: block;
	}
	
	#pride .indexlist .box{
		width:100%;
		position: relative;
		margin:0 0 100px 0;
	}
	
	#pride .indexlist .box:last-child{
		margin:0 0 0 0;
	}
	
	#pride .indexlist .box::after{
		width:100%;
		content: "";
		height:calc(100% - 22vw);
		position: absolute;
		background:#ecf2fa;
		bottom:0;
		left: 0;
		z-index:1;
	}
	
	#pride .indexlist .box.box2::after{
		width:100%;
		content: "";
		height:calc(100% - 22vw);
		position: absolute;
		background:#e5f6f9;
		bottom:0;
		left: auto;
		right:0;
		z-index:1;
	}
	
	#pride .indexlist .box .inbox{
		width:90%;
		margin:0 auto;
		position: relative;
		z-index:2;
	}
	
	#pride .indexlist .box .inbox .phbox{
		position: relative;
		display: block;
	}
	
	#pride .indexlist .box .inbox .phbox .overbox{
		position: absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		display: flex;
		padding:0 0;
		align-items: center;
		box-sizing: border-box;
	}
	
	#pride .indexlist .box .inbox .phbox .overbox .inner{
		height:20vw;
	}
	
	#pride .indexlist .box .inbox .phbox .overbox .inner.box2{
		height:19vw;
		position: relative;
		left:-2vw;
	}
	
	#pride .indexlist .box .inbox .phbox .overbox .inner.box3{
		height:17vw;
		position: relative;
		left:-6vw;
	}
	
	#pride .indexlist .box .inbox .phbox .overbox .inner img{
		height:100%;
		width:auto;
	}
	
	#pride .indexlist .box .boxbottom{
		padding:20px 0 40px 0;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		align-items: center;
	}
	
	#pride .indexlist .box .txcont{
		font-size:1.5rem;
		line-height: 2.5rem;
		font-weight: 600;
		margin: 0 0 10px 0;
		text-align: left;
		width:100%;
	}
	
	#pride .indexlist .box .txcont .cap{
		font-size:1.2rem;
		line-height: 2rem;
		margin:10px 0 0 0;
	}
	
	#pride .indexlist .box .txcont .cap strong{
		font-size:1.5rem;
		line-height: 2rem;
		font-weight: normal;
	}
	
	#pride .indexlist a.link{
		color:#000;
		font-size:1.5rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		transition: all 0.2s;
		z-index:3;
		margin:35px 0 0 0;
	}
	
	#pride .indexlist a.link:hover{
		opacity: 0.7;
	}
	
	#pride .indexlist a.link::after{
		content: "";
		width:50px;
		height:52px;
		background:url("../images/common/movie_arrow2.svg") no-repeat;
		background-size:50px;
		margin:0 0 0 20px;
	}
	
	#pride .timebox{
		padding:120px 0 120px 0;
		position: relative;
	}
	
	#pride .timebox .illbox{
		width:1000px;
		margin:0 auto;
		padding:0 0 0 180px;
		box-sizing: border-box;
		z-index:2;
		position: relative;
	}
	
	#pride .timebox .bgborderbox{
		width:100%;
		position: absolute;
		height:310px;
		background:#e7eff8;
		top:calc(50% - 155px);
		display: flex;
		z-index:1;
	}
	
	#pride .timebox .bgborderbox .innerbox{
		width:1000px;
		height:100%;
		margin:0 auto;
		display: flex;
		align-items: flex-end;
	}
	
	#pride .timebox .bgborderbox .innerbox img{
		height:calc(100% - 40px);
		width:auto;
		position: relative;
		left:-20px;
	}
	
	#pride .infocont .flexphbox{
		display: flex;
		justify-content: space-between;
	}
	
	#pride .infocont .flexphbox .box{
		width:50%;
		padding:0 40px 0 0;
		box-sizing: border-box;
		border-right:1px dashed #000;
	}
	
	#pride .infocont .flexphbox .box:last-child{
		width:50%;
		padding: 0 0 0 40px;
		box-sizing: border-box;
	}
	
	#pride .infocont .flexphbox .box .fph{
		margin:0 0 20px 0;
	}
	
	#pride .infocont .flexphbox .box .ftl{
		color:#1647a4;
		font-size:2rem;
		line-height: 3.2rem;
		margin:0 0 20px 0;
	}
	
	#pride .infocont .flexphbox .box .ftx{
		font-size:1.4rem;
		line-height: 2.8rem;
	}
	
	#pride .internbottom{
		padding:160px 0;
	}
	
	#pride .internbottom .linkbox{
		display: flex;
		justify-content: center;
	}
	
	#pride .internbottom .linkbox .box{
		width:600px;
		height:200px;
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		overflow: hidden;
	}
	
	#pride .internbottom .linkbox .txbox{
		color:#fff;
		z-index:2;
		position: relative;
		padding:0 30px;
		display: flex;
		align-items: center;
		width:100%;
		box-sizing: border-box;
		font-size:1.2rem;

	}
	
	#pride .internbottom .linkbox .txbox .inbox{
		vertical-align: bottom;
	}
	
	#pride .internbottom .linkbox .txbox .inbox .numtx{
		color:#fff;
		font-style: italic;
		font-size:2.4rem;
		vertical-align: middle;
		margin:0 0 10px 0;
	}
	
	#pride .internbottom .linkbox .txbox .inbox .numtx span{
		font-size:5rem;
		vertical-align: middle;
	}
	
	#pride .internbottom .linkbox .txbox .inbox .tx{
		margin:0 0 0 0;
		font-size:2.4rem;
		line-height: 4.2rem;
		font-weight: 600;
		color:#fff;
	}
	
	#pride .internbottom .linkbox .txbox .inbox .tx span{
		font-size:1.8rem;
	}
	
	#pride .internbottom .linkbox .txbox::after{
		content: "";
		width:50px;
		height:52px;
		background:url("../images/common/movie_arrow.svg") no-repeat;
		background-size:50px;
		display: inline-block;
		vertical-align: middle;
		margin:0 0 0 auto;
	}
	
	#pride .internbottom .linkbox .box img.bg{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		transition: all 0.2s;
		transform: scale(1);
		z-index: 1;
	}
	
	#pride .internbottom .linkbox .box:hover img.bg{
		transform: scale(1.1);
	}
	
	#pride .namecont{
		width:90%;
		margin:0 auto;
		padding:80px 0 40px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	#pride .namecont .name{
		width:130px;
	}
	
	#pride .namecont .name.box2{
		width:320px;
	}
	
	#pride .namecont .tx{
		padding:30px 0 0 0;
		font-size:1.8rem;
		line-height: 3.6rem;
		color:#1647a4;
		font-weight: 600;
		text-align: center;
	}
	
	#pride .commentcont{
		padding:0 0 80px 0;
	}
	
	#pride .commentcont .flexbox{
		display: flex;
		flex-direction: column;
		margin:0 auto 40px;
		width:90%;
	}
	
	#pride .commentcont .flexbox .txbox{
		font-size:1.2rem;
		line-height: 2.4rem;
		width:100%;
		box-sizing: border-box;
		position: relative;
		z-index:2;
		margin:0 0 30px 0;
	}
	
	#pride .commentcont .flexbox .phbox{
		width:100%;
		box-sizing: border-box;
		position: relative;
	}
	
	#pride .commentcont .flexbox .phbox img{
		position: relative;
		z-index:2;
	}
	
	#pride .commentcont .flexbox .txbox.box2{
		font-size:1.2rem;
		line-height: 2.4rem;
		width:100%;
		box-sizing: border-box;
		position: relative;
		order:-1;
	}
	
	#pride .commentcont .flexbox .txbox .co1{
		color:#5b7ebf;
	}
	
	#pride .commentcont .flexbox .txbox .co2{
		color:#23aad1;
	}
	
	#pride .whatcont{
		width:90%;
		margin: 0 auto;
		padding:0 0 80px 0;
	}
	
	#pride .whatcont .tl{
		width:100%;
		position: relative;
		text-align: center;
		margin:0 0 0 0;
	}
	
	#pride .whatcont .tl::before{
		content: "";
		height:45px;
		border-right:1px solid #0c3388;
		position: absolute;
		top:0;
		left:0;
	}
	
	#pride .whatcont .tl::after{
		content: "";
		height:45px;
		border-right:1px solid #0c3388;
		position: absolute;
		top:0;
		right:0;
	}
	
	#pride .whatcont .tl span{
		width:250px;
		padding:0 10px;
		background:#fff;
		display: inline-block;
		position: relative;
		z-index: 2;
		top:-20px;
	}
	
	#pride .whatcont .tl span.border{
		width:100%;
		position: absolute;
		border-bottom:1px solid #0c3388;
		top:0;
		left:0;
		z-index: 1;
	}
	
	#pride .flextx{
		padding:0 35px 35px;
		position: relative;
		border-bottom:1px solid #0c3388;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	
	#pride .flextx .mtx{
		width:100%;
		font-size:1.3rem;
		line-height: 2.4rem;
		font-weight: bold;
		text-align: center;
		margin:0 0 20px 0;
	}
	
	#pride .flextx .subtx{
		width:100%;
		font-size:1.2rem;
		line-height: 2.4rem;
	}

	#pride .flextx::before{
		content: "";
		height:45px;
		border-right:1px solid #0c3388;
		position: absolute;
		bottom:0;
		left:0;
	}
	
	#pride .flextx::after{
		content: "";
		height:45px;
		border-right:1px solid #0c3388;
		position: absolute;
		bottom:0;
		right:0;
	}
	
	#pride .daycont{
		padding:50px 0;
		background:#ecf2fa;
	}
	
	#pride .daycont.box2{
		padding:50px 0;
		background:#e5f6f9;
	}
	
	#pride .daycont .innerbox{
		width:90%;
		margin:0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
	}
	
	#pride .daycont .innerbox .info{
		width:100%;
		margin:0 0 30px 0;
	}
	
	#pride .daycont .innerbox .info .tl{
		font-size:1.8rem;
		line-height: 2.6rem;
		font-weight: 600;
		margin:0 0 20px 0;
		text-align: center;
	}
	
	#pride .daycont .innerbox .tablebox{
		width:100%;
	}
	
	#pride .daycont .innerbox .tablebox table{
		border-collapse: collapse;
		width:100%;
		font-size:1.2rem;
		line-height: 2.4rem;
	}
	
	#pride .daycont .innerbox .tablebox table td{
		padding:10px 0;
	}
	
	#pride .daycont .innerbox .tablebox table td:first-child{
		width:85px;
		padding:0 0 0 10px;
	}
	
	#pride .daycont .innerbox .tablebox table td:nth-child(2){
		position: relative;
		vertical-align: middle;
		text-align: center;
	}
	
	#pride .daycont .innerbox .tablebox table td:nth-child(2)::after{
		content: "";
		width:11px;
		height:11px;
		background:#1647a4;
		border-radius: 50%;
		display: inline-block;
	}
	
	#pride .daycont .innerbox .tablebox table tr:first-child td:nth-child(2)::before{
		content: "";
		height:50%;
		border-right:1px solid #1647a4;
		position: absolute;
		top:50%;
		left:50%;
	}
	
	#pride .daycont .innerbox .tablebox table td:nth-child(2)::before{
		content: "";
		height:100%;
		border-right:1px solid #1647a4;
		position: absolute;
		top:0;
		left:50%;
	}
	
	#pride .daycont .innerbox .tablebox table tr:last-child td:nth-child(2)::before{
		content: "";
		height:50%;
		border-right:1px solid #1647a4;
		position: absolute;
		bottom:50%;
		top:auto;
		left:50%;
	}
	
	#pride .daycont .innerbox .tablebox table td:last-child{
		padding:0 0 0 40px;
	}
	
	#pride .keywordlinkcont{
		display: block;
		justify-content: space-between;
		padding:100px 0 50px 0;
	}
	
	#pride .keywordlinkcont .box{
		width:100%;
		margin:0 0 50px 0;
	}
	
	#pride .keywordlinkcont .box .ph{
		position: relative;
		padding-top:40%;
		overflow: hidden;
		margin:0 0 20px 0;
		display: block;
	}
	
	#pride .keywordlinkcont .box .ph img{
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		transition: all 0.2s;
		transform: scale(1);
	}
	
	#pride .keywordlinkcont .box .ph:hover img{
		transform: scale(1.1);
	}
	
	#pride .keywordlinkcont .box .name.box2{
		height:55px;
		text-align: center;
		width:100%;
	}
	
	#pride .keywordlinkcont .box .name.box3{
		height:58px;
		text-align: center;
		width:100%;
	}
	
	#pride .keywordlinkcont .box .name.box4{
		height:68px;
		text-align: center;
		width:100%;
	}
	
	#pride .keywordlinkcont .box .name img{
		height:100%;
		width:auto;
		display: inline-block;
	}
}