@charset "utf-8";
#container * {font-family:"S-CoreDream-4Regular"; letter-spacing:-.05rem;}

@import url('SCDream.css');

.mlink {position:relative; float:right; width:600px; background:#fff; z-index:10;}
.mlink ul {overflow:hidden;}
/* .mlink li {float:left; text-align:center; width:50%; height:260px; border-top:1px solid #e9e9e9;} */
.mlink li {float:left; text-align:center; width:50%; height:350px; border-top:1px solid #e9e9e9;}
.mlink li:nth-of-type(even) {border-left:1px solid #e9e9e9;}
/* .mlink_box {position:relative; display:block; padding-top:152px; font-size:18px;}
.mlink_box:before {display:block; content:""; position:absolute; left:50%; margin-left:-30px; top:65px; width:60px; height:60px; background-repeat:no-repeat; background-position:center top; transition:.5s;} */
.mlink_box {position:relative; display:block; padding-top:200px; font-size:18px;}
.mlink_box:before {display:block; content:""; position:absolute; left:50%; margin-left:-30px; top:105px; width:60px; height:60px; background-repeat:no-repeat; background-position:center top; transition:.5s;}
.mlink_box.l1:before {background-image:url('/open_content/headman/img2020/main/mlink01.gif');}
.mlink_box.l2:before {background-image:url('/open_content/headman/img2020/main/mlink02.gif');}
.mlink_box.l3:before {background-image:url('/open_content/headman/img2020/main/mlink03.gif');}
.mlink_box.l4:before {background-image:url('/open_content/headman/img2020/main/mlink04.gif');}
.mlink_box:hover {text-decoration:none; color:#2186ff;}
.mlink_box:hover:before {transform:translateY(8px);}
.mlink_ban {display:block; text-align:center; height:300px; padding-top:75px; background:#0762f5 url('/open_content/headman/img2020/main/mlink_banbg.gif') no-repeat center top; background-size:100%;}
.mlink_ban:hover{text-decoration:none;}
.mlink_ban p {color:#fff; text-shadow:-1px 0 rgba(0,0,0,.2), 0 -1px rgba(0,0,0,.2), 1px 0 rgba(0,0,0,.2), 0 1px rgba(0,0,0,.2); }
.mlink_ban_ttl {font-size:39px; font-weight:600;}
.mlink_ban_txt {font-size:33px; font-weight:600;}
.mlink_ban_view {position:relative; display:inline-block; padding-right:45px; margin-top:15px; font-size:18px; transition:.5s;}
.mlink_ban_view:before {display:block; content:""; position:absolute; right:0; bottom:5px; width:35px; height:1px; background:#fff;}/*ȭ��ǥ*/
.mlink_ban_view:after {display:block; content:""; position:absolute; right:0; bottom:9px; width:10px; height:1px; background:#fff; transform:rotate(45deg);}/*ȭ��ǥ*/
.mlink_ban:hover .mlink_ban_view {padding-right:55px;}

.report_photo img, .scene_photo img {width:100%; min-height:100%;}

.pledge {text-align:center; padding:5% 0;}
.circle{position:relative; text-align:center; padding-top:50px;}
.circle .ttl {position:absolute; top:0; width:100%; font-size:24px; font-weight:600;}
.circle .tag{position:absolute; left:0; top:122px; width:100%; font-weight:700; font-size:26px;}
.circle .txt{width:80%; margin:20px auto; font-size:18px; line-height:25px;}
.graph_circle .view {position:relative; padding-right:23px; font-size:14px;}
.graph_circle .view:before {display:block; content:""; position:absolute; right:0; bottom:5px; width:16px; height:1px; background:#7f7f7f;}/*ȭ��ǥ*/
.graph_circle .view:after {display:block; content:""; position:absolute; right:0; bottom:7px; width:6px; height:1px; background:#7f7f7f; transform:rotate(45deg);}/*ȭ��ǥ*/



/***********************************************************************************************************************************/


/*only_pc*/
@media all and (min-width:801px) {
	.con1 {width:100%; max-width:1910px; margin:0 auto; overflow:hidden;}

	/* .pzone {position:absolute; width:1303px; height:820px; background:#000;} */
	.pzone {position:absolute; width:1303px; height:700px; background:#000; overflow:hidden;}
	.pzone_control {position:absolute; right:7.5%; bottom:70px; height:48px; z-index:2;}
	.pzone_control li {display:inline-block; margin-left:5px;}
	.pzone_control a {position:relative; display:block; width:48px; height:48px; border-radius:50%; text-indent:-5000px; font-size:0px; line-height:0; overflow:hidden;}
	.pop_pointer {background:#fff;}
	.pop_pointer:before {display:block; content:""; position:absolute; left:50%; top:50%; width:19px; height:1px; margin-left:-9.5px; background:#000;}
	.pop_pointer:after {display:block; content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; margin-left:-9px; margin-top:-3px; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(45deg);}
	.pop_next {transform:rotate(180deg);}
	.pop_stop {border:1px solid rgba(255,255,255,.6);}
	.pop_stop:after {display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:8px; height:10px; border-left:2px solid #fff; border-right:2px solid #fff;}
	.pzone_layout {position: relative; width:100%; overflow:hidden;}
	.pzone_list ul {position:relative; white-space:nowrap; font-size:0; line-height:0;}
	.pzone_list li {display:inline-block; position:relative; width:100%; overflow:hidden;}
	.slogan {position:absolute; right:7.5%; top:20%; text-align:right; font-size:60px; line-height:5rem; font-family: 'S-CoreDream-1Thin' !important;}
	.slogan.left { right: auto; left: 7.5%; top: 25%;}
	.slogan strong {display:block;}
	.slogan-black {color:#202020;}
	.slogan-white {color:#fff;}

	.con2 {padding:6% 0 5%; background:#f5f5f5 url('/open_content/headman/img2020/main/photo_bg.gif') no-repeat 5% bottom;}
	.con2_box {position:relative; padding-left:25%;}
	.con2_ttl {font-size:48px; line-height:4rem; letter-spacing:-.2rem; color:#202020;}
	.con2_more {position:relative; display:inline-block; padding-right:45px; transition:.5s;}
	.con2_more:before {display:block; content:""; position:absolute; right:0; bottom:5px; width:35px; height:1px; background:#000;}/*ȭ��ǥ*/
	.con2_more:after {display:block; content:""; position:absolute; right:0; bottom:9px; width:10px; height:1px; background:#000; transform:rotate(45deg);}/*ȭ��ǥ*/
	.con2_more:hover {padding-right:55px;}
	.ttl_box {position:absolute; left:0;}
	.ttl_more {margin-top:30px; font-size:19px;}

	.report_list {overflow:hidden;}
	.report_list>li {float:left; position:relative; width:48%; padding-bottom:70px; border-bottom:2px solid #000;}
	.report_list>li:nth-of-type(2) {margin-left:4%;}
	.report_photo {display:block; height:268px; overflow:hidden;}
	.report_photo img {transition:1.5s;}
	.report_photo:hover img {transform:scale(1.2,1.2);}
	.report_ttl {height:72px; font-size:22px; margin:25px 0 10px; overflow:hidden;}
	.report_txt {height:100px; font-size:13px; line-height:1.6rem; overflow:hidden;}
	.report_list .con2_more {position:absolute; right:0; bottom:30px; color:#202020;}

	.scene {margin-top:10%;}
	.scene_list {overflow:hidden;}
	.scene_list>li {float:left; width:30.6%; margin-left:4%;}
	.scene_list>li:first-child {margin-left:0;}
	.scene_photo {display:block; height:180px; overflow:hidden;}
	.scene_list>li img {transition:1.5s;}
	.scene_list>li:hover img {transform:scale(1.2,1.2);}
	.scene_con {display:block; padding:20px 20px 25px; border-left:1px solid #e2e6eb; border-right:1px solid #e2e6eb; border-bottom:1px solid #e2e6eb; background:#fff;}
	.scene_ttl {height:55px; font-size:18px; overflow:hidden;}
	.scene_date {margin-top:15px; color:#666; font-family: 'S-CoreDream-2ExtraLight' !important;}

	.pledge_ttl {font-size:41px; letter-spacing:-.2rem; color:#202020;}

	.graph_circle{overflow:hidden; margin-top:60px;}
	.circle{float:left; width:20%;}
	.circle p {color:#202020;}

	.circle strong{color:#333}
}


/*min-pc*/
@media screen and (max-width:1400px) {
	.pzone {position:static; width:100%;}
	.pzone img {position:relative; left:50%; transform:translateX(-50%);}
	.mlink {float:none; width:100%;}
}

/*tablet*/
@media screen and (max-width:800px){
	.pzone {display:none;}

	.ic_scroll {position:fixed; left:50%; bottom:20px; margin-left:-22px; width:44px; height:44px; border-radius:50%; background:#fff url('/open_content/headman/img2020/main/ic_scroll.gif') no-repeat center center; box-shadow:1px 4px 4px rgba(0,0,0,.5); z-index:100; transition:1s;}
	.ic_scroll.down {bottom:-50px; opacity:0;}

	.report {position:relative;}
	.report:before {display:block; content:""; position:absolute; left:0; top:0; right:0; height:10px; background:linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0,0,0,0));}
	.report .ttl_more {position:absolute; top:355px; display:inline-block; height:45px; padding:10px 25px; font-size:17px; color:#fff; background:#1155c3; z-index:10;}
	.report .ttl_more:after {position:absolute; right:-18px; top:0; display:block; content:""; width:0; height:0; border-right:18px solid transparent; border-left:18px solid transparent; border-bottom:45px solid #1155c3;}
	.report_box {overflow-x:hidden;}
	.report_list {white-space:nowrap; font-size:0;}
	.report_list>li {display:inline-block; vertical-align:top; white-space:normal;}
	.report_list dl {position:relative; padding:3.5% 4%;}
	.report_photo {display:block; height:400px; overflow:hidden;}
	.report_ttl {height:60px; padding-right:25%; font-size:20px; font-weight:600; overflow:hidden;}
	.report_txt {height:45px; margin-top:15px; font-size:13px; line-height:1.4rem; color:#666; overflow:hidden;}
	.report_list .con2_more {position:absolute; right:20px; top:35%; padding-right:30px; color:#202020;}
	.report_list .con2_more:before {display:block; content:""; position:absolute; right:0; bottom:5px; width:25px; height:1px; background:#000;}/*ȭ��ǥ*/
	.report_list .con2_more:after {display:block; content:""; position:absolute; right:0; bottom:8px; width:8px; height:1px; background:#000; transform:rotate(45deg);}/*ȭ��ǥ*/

	.scene {padding:6% 0;}
	.scene .con2_ttl {text-align:center; margin-bottom:15px; font-size:24px;}
	.scene .con2_ttl br {display:none;}
	.scene .ttl_more {display:none;}
	.scene_list li:nth-of-type(n+2) {display:none;}
	.scene_list li {position:relative;}
	.scene_list li img {vertical-align:top;}
	.scene_con {position:absolute; bottom:0; display:block; width:100%; padding:15px 20px; background:rgba(0,0,0,.6);}
	.scene_ttl {color:#fff; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.scene_date {color:#fff; font-family: 'S-CoreDream-2ExtraLight' !important;}

	.scene_tab { margin-top:3%; overflow-x:scroll;}
	.scene_tab ul {white-space:nowrap; font-size:0;}
	.scene_tab li {display:inline-block; vertical-align:top; width:27%; margin-right:3%;}
	.scene_tab img {vertical-align:top;}
	.scene_tab .on {position:relative; display:block;}
	.scene_tab .on:before {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4);}

	.pledge {padding:9% 0; background:linear-gradient(to bottom, #0763fa, #0548b4); overflow-x: hidden;}
	.pledge_ttl {font-size:24px; color:#0c2d63;}
	.pledge_control {position:absolute; top:35%; display:block; width:48px; height:48px; border-radius:50%; background:#0548b4; z-index:50;}
	.pledge_control:before {display:block; content:""; position:absolute; left:50%; top:50%; width:19px; height:1px; margin-left:-9.5px; background:#000;}
	.pledge_control:after {display:block; content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; margin-left:-9px; margin-top:-3px; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(45deg);}
	.pledge_control.prev {left:5%;}
	.pledge_control.next {right:5%; transform:rotate(180deg);}
	.pledge_box {position:relative; width:100%;}
	.graph_circle {position:relative; white-space:nowrap; font-size:0; margin-top:3%;}
	.graph_circle>div {display:inline-block; vertical-align:top; width:100%;}
	.pledge_total>p {color:#fff;}
	.pledge_total_ttl {font-size:24px;}
	.pledge_total_percent {font-size:40px; font-weight:700;}
	.graph_circle .view {display:inline-block; margin-top:15px; padding:5px 35px 5px 20px; font-size:13px; border-radius:4px; background:#fff;}
	.graph_circle .view:before {bottom:11px; right:13px;}
	.graph_circle .view:after {bottom:13px; right:13px;}

	.pledge_bar {margin-top:10%;}
	.pledge_bar>li {display:inline-block; margin:0 7px; color:#fff; font-size:16px;}
	/* .pledge_bar>li.on {border-bottom:2px solid #fff;} */
	.pledge_bar_bg {position:relative; display:block; width:36px; height:100px; margin-bottom:10px; background:rgba(0,0,0,.1);}
	.pledge_bar_bg .bar {position:absolute; bottom:0; left:0; width:100%; height:0;}
	.pledge_bar_bg .white {background:#fff;}
	.pledge_bar_bg .red {background:#ff5e66;}
	.pledge_bar_bg .yellow {background:#ffb900;}
	.pledge_bar_bg .green {background:#12bea8;}
	.pledge_bar_bg .blue {background:#0766ff;}
	.pledge_bar_bg .purple {background:#8549f7;}
	.pledge_bar_bg .num {position:absolute; left:-1px; bottom:0; width:100%; font-size:11px; }
	.pledge_bar li .bar.on {transition:1.5s ease-in-out;}
	/* .pledge_bar li:nth-of-type(1) .bar.on {height:64%;} */
	.pledge_bar li:nth-of-type(1) .bar.on {height:70%;}
	.pledge_bar li:nth-of-type(2) .bar.on {height:44%;}
	.pledge_bar li:nth-of-type(3) .bar.on {height:63%;}
	.pledge_bar li:nth-of-type(4) .bar.on {height:62%;}
	.pledge_bar li:nth-of-type(5) .bar.on {height:73%;}
	/* .pledge_bar>li.on .pledge_bar_bg {color:#0548b6;} */

	.circle p {color:#fff;}
	.circle .txt {margin:10px auto 0;}
}

/*mobile*/
@media screen and (max-width:640px){
	.report .ttl_more {top:235px;}
	.report_photo {height:280px;}

	.mlink li {text-align:left; height:80px;}
	.mlink_box {padding-top:20px; padding-left:50%; font-size:14px; line-height:19px;}
	.mlink_box:before {left:50%; margin-left:0; top:19px; width:40px; height:45px; margin-left:-55px; background-size:100%;}
	.mlink_ban {height:200px; padding-top:40px;}
	.mlink_ban_ttl {font-size:8vw;}
	.mlink_ban_txt {font-size:7vw;}
	.mlink_ban_view {font-size:4vw;}
}


/*mobile*/
@media screen and (max-width:400px){
	.mlink_ban {background-size:100% 100%;}
}