body{background: #f9f9f9}
.header{border-bottom-color:transparent; background-color: transparent}
#main{padding: 0 80px; word-break:keep-all; overflow: hidden;}
.main-lr{margin: 0 -80px; padding: 80px}
#m1{display: flex; justify-content:space-between}
#mainVisual{position: relative; overflow: hidden}
#mainVisual .s{}
#mainVisual .item{height: 820px; background: url('') center center no-repeat; background-size:cover;}
#mainVisual .big{font-size: 64px; font-weight: 700; line-height: 1.15;}
#mainVisual p{margin-top: 20px;}

#mainVisual .cont{display: flex; flex-flow: column; justify-content: center; padding-left: 93px; font-size: 1.25rem; position: absolute; left: 0; top:0; width: 100%; height: 100%;    align-items: flex-start; padding-right: 30px;word-break: keep-all;}
#mainVisual .txt{color: #fff; text-shadow:3px 3px 3px rgba(0,0,0,.18)}
#mainVisual .controls_w{margin-top: 60px; display: flex; border-radius:100px; height: 45px}
#mainVisual .btns{display: flex; background: #454545; border-radius:100px; height: 100%;     align-items: center;; justify-content:center; width: 91px; position: relative; z-index: 1}
#mainVisual .btns button{width: 9px; height: 15px; background: url('') center center no-repaet; display: block; white-space: nowrap; overflow: hidden; text-indent: -999px}
#mainVisual .prev{background-image: url('../img/main/vis-prev.png')}
#mainVisual .controls{background-image: url('../img/main/vis-stop.png'); margin: 0 14px;}
#mainVisual .next{background-image: url('../img/main/vis-next.png')}
#mainVisual .controls.play{background-image: url('../img/main/vis-play.png')}
#mainVisual .progress{width: 144px; background: #fff; border-radius:0 100px 100px 0; margin-left: -24px; padding-left: 24px;; display: flex; align-items: center;; justify-content:center; font-size: 1.125rem; color: #999; font-weight: 400;}
#mainVisual .status{color: #454545; font-weight: 700;}
#mainVisual .total:before{content: '/'; margin: 0 5px;}
#mainVisual{width: calc(60% - 15px)}
#main-bbs{width: calc(40% - 15px)}
#main-bbs{display: flex;    flex-flow: column;  justify-content: space-between; gap: 30px}
.main-ag{background: var(--blue); padding: 50px}
.main-ag .tit{color: #fff; display: flex; justify-content:space-between; align-items:center; line-height: 1.15; font-weight: 700; margin-bottom: 0.882em; font-size: 2.125rem;}
.main-ag .tit .t{flex:1}

.more-st1{display: flex !important; font-size: 1rem; align-items:center; font-weight: 300; color: #fff}
/* .more-st1 span{flex:1} */
.more-st1 .circle{width: 2.5em; height: 2.5em; border-radius:50%; margin-left: 13px; position: relative; background: #fff}
.more-st1 .circle:before,.more-st1 .circle:after{position: absolute; left: 50%; top:50%; content: ''; transform:translate(-50%,-50%); background: var(--blue)}
.more-st1 .circle:before{width: 1rem; height: 2px}
.more-st1 .circle:after{height: 1rem; width: 2px}
.more-st1.black{color: #666}
.more-st1.black .circle{background-color: #666}
.more-st1.black .circle:before,.more-st1.black .circle:after{background-color: #fff}
.more-st1.white{color: #fff}
.more-st1.white .circle{background-color: rgba(255,255,255,.2)}
.more-st1.white .circle:before,.more-st1.white .circle:after{background-color: #fff}

.tab-c .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 7px;background-color: #878787;opacity: 1;}
.tab-c .mCSB_scrollTools .mCSB_draggerRail {width: 5px;background-color: #ddd;}

.tabs-main{position: relative; padding: 60px 0 35px; border-radius:10px; background: #fff}
.tabs-main:before{position: absolute; left: 0; top:0; width: 100%; height: 60px; background: var(--navy); content: ''; border-radius:10px}
.tabs-main .tab-t{position: absolute; top:0; width: 33.333%; text-align: center; display: flex; align-items:center; justify-content:center; height: 60px ;background: var(--navy); color: #bfcde2; font-size: 1.25rem; font-weight: 400; z-index: 1;border-radius:10px 10px 0 0; line-height: 1.15;}
.tabs-main .tab-t:before{position: absolute; left: 0; top:50%; width: 1px; height: 1em; margin-top: -.5em; background: #3c5d86; content: '';}
.tabs-main > *:first-child .tab-t:before,.tabs-main .active .tab-t:before{display: none;}
.tabs-main > *:first-child .tab-t{left: 0}
.tabs-main > *:nth-child(2) .tab-t{left: 33.333%}
.tabs-main > *:nth-child(3) .tab-t{left: 66.666%}

.tabs-main .active .tab-t{background: #fff; color: var(--blue); box-shadow: 0 -3px 5px rgba(0,0,0,.15); font-weight: 600;}
.tabs-main .tab-c{margin: 45px 30px 0; display: none; overflow-y: auto; height: 355px}
.tabs-main .active .tab-c{display: block;}

.tabs-main .bul-dot{font-weight: 500; font-size: 1.125rem; color: #666; line-height: 1.15;}
.tabs-main .bul-dot strong{color: var(--black); margin-right: 1em;}
.tabs-main .bul-dot a,.tabs-main .bul-dot .in{white-space: nowrap; overflow: hidden; text-overflow:ellipsis; display: block; padding: 1.111em 0}
.tabs-main .bul-dot > li:first-child > a,.tabs-main .bul-dot > li:first-child .in{padding-top: 0;}
.tabs-main .bul-dot > li:before{top:50%; width: 4px; height: 4px; margin-top: -2px;}
.tabs-main .bul-dot > li:first-child:before{margin-top: calc(-1.111em/2 - 2px)}
.tabs-main .bul-dot > li:not(:last-child){background: url('../img/common/border-dotted.png') left bottom repeat-x}

.main-link{display: flex; justify-content: space-between; flex:1; line-height: 1.15;}
.main-link > *{width: calc(50% - 15px); box-shadow:3px 3px 8px rgba(0,0,0,.15); background: #fff; padding: 0 40px; position: relative;     display: flex; justify-content: center;     flex-flow: column;}
.main-link .ico{position: absolute; right: 40px; top:50%; transform:translateY(-50%)}
.main-link span{display: block; color: #999; font-weight: 500;}
.main-link strong{display: block; color: #333; font-weight: 600; font-size: 1.25rem; margin-top: 10px;}
.main-link > *:first-child{background-color: #333;}
.main-link > *:first-child strong{color: #fff}

#m2{padding: 80px 0}

.main-st1{display: flex; justify-content:space-between; align-items:flex-start}
.main-st1 .flex-1, #mainStory .main-infoPhoto{flex:1; margin-top: 34px;}
.main-st1 .flex-1{width:calc(100% - 370px)}
.main-st1 .tit-main{width: 370px}

.tit-main{font-size: 1.125rem; font-weight: 500;}
.tit-main .small{font-weight: 600;}
.tit-main > *{display: block;}
.tit-main .big{font-size: 50px; font-weight: 700; color: #333; line-height: 1; margin-top: 10px}
.tit-main .add{margin-top: 20px;}
.tit-main .more-st1{margin-top: 40px;}

.main-intro{display: flex; font-weight: 500; margin-left: -30px;}
.main-intro > li{border-radius:10px; background: url('') center center no-repeat; width: calc(20% - 30px); background-size:cover; border:2px solid transparent; margin-left: 30px;}
.main-intro .m-i1{background-image: url('../img/main/m-i1.jpg')}
.main-intro .m-i2{background-image: url('../img/main/m-i2.jpg')}
.main-intro .m-i3{background-image: url('../img/main/m-i3.jpg')}
.main-intro .m-i4{background-image: url('../img/main/m-i4.jpg')}
.main-intro .active{width: calc(40% - 30px)}
.main-intro a{display: flex; flex-flow:column; justify-content:flex-end;     width: 100%; height: 300px; padding: 30px; color: #fff; text-shadow:3px 3px 3px rgba(0,0,0,.18); padding-bottom: 7px; position: relative; padding-bottom: 0;}
.main-intro strong{font-size: 1.5em; font-weight: 700;}
.main-intro span{opacity:0; white-space: nowrap;}
.main-intro > li,
.main-intro a,
.main-intro a > *{transition:all ease .3s}
.main-intro .active span{opacity:1}
.main-intro .active a{padding-bottom: 30px;}
.main-intro .active{border-color:#075cac}
.main-intro a > *{position: relative; z-index: 1}

.main-intro a:before{content: ''; position: absolute; left: -2px; top:0; width: calc(100% + 4px); height: 100%; background: linear-gradient(45deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); overflow: hidden; border-radius:10px}

#m3{padding: 0 0 80px 0;}

.main-steps{display: flex; text-align: center; font-size: 1.25rem; color: #333; font-weight: 600; line-height: 1.18; flex-wrap:wrap}
.main-steps > li{width: 20%; position: relative;}
.main-steps > li:not(:first-child):before{position: absolute; left: 0 ; top: 70px; width: 30px; height: 30px;     transform: translate(-50%,-50%); background: #bdbdbd url('../img/main/steps.png') center center no-repeat; content: ''; border-radius:50%}
.main-steps .light{font-weight: 300;}
.main-steps .ico{width: 140px; height: 140px; border-radius:50%; border:2px solid #ddd; display: flex; align-items:center; justify-content:center; margin: 0 auto 25px;}

.main-steps > li:nth-child(3):before{background-color: #999}
.main-steps > li:nth-child(4):before{background-color: #666}
.main-steps > li:nth-child(5):before{background-color: #333}

#m4{display: flex; justify-content:space-between; flex-wrap:wrap; gap:30px}
#m4 .l{width: 60%; }
#m4 .r{width: 40%; }
.main-pic{position: relative;}
.main-pic .item{height: 473px;}
.main-pic{color: #fff; overflow: hidden;}
.main-pic .item a{display: flex; height: 100%; padding: 0 50px;    flex-flow: column; justify-content: center; position: relative;}
.main-pic .item a:before{content: ''; position: absolute; left: 0; top:0; width:100%; height: 100%; background: linear-gradient(45deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); overflow: hidden; border-radius:10px}
.main-pic .item{background: url('') center center no-repeat; background-size:cover}
.main-pic .subject{font-size: 1.5rem; font-weight: 500; margin-top: 40px;}
.main-pic .item .more-st1{margin-top: 50px;}
.main-pic .item a > *{position: relative; z-index: 1}
.main-pic .btns{position: absolute; right: 0; bottom: 0; border-radius:10px 0 10px 0; width: 170px; height: 85px; overflow: hidden; display: flex}
.main-pic .btns > *{width: 50%; background: #333 url('../img/main/prev.png') center center no-repeat; white-space: nowrap; overflow: hidden; text-indent: -999px;}
.main-pic .btns .prev{border-radius:10px 0 0 0; background-color: var(--blue)}
.main-pic .btns .next{background-image: url('../img/main/next.png'); border-radius:0 0 10px 0}
/* .main-pic .btns > *:hover,.main-pic .btns > *:focus{background-color: var(--blue)} */

.main-bbs2{flex: 1; min-width: 0; display: flex; font-size: 1.125rem; font-weight: 500; color: #333;    justify-content: space-between;}
/* .main-bbs2 > *{width: calc(50% - 15px);} */

.tit-main2{display: flex; justify-content:space-between; align-items:center; font-size: 2.375rem; font-weight: 700; color: #333; margin-bottom: 30px; line-height: 1.15;}
.main-bbs2 .item{width: 100%; min-height: 330px; background: #f6f6f6; padding: 50px;}
.main-bbs2 .bul-dot > li:not(:first-child){margin-top: 25px;}
.main-bbs2 .bul-dot a{display: flex; justify-content:space-between; align-items:center}
.main-bbs2 .bul-dot .subject{white-space: nowrap; overflow: hidden; text-overflow:ellipsis; flex:1}
.main-bbs2 .bul-dot .date{color: #999; font-size: 1rem; font-weight: 400;;}

.sns-btns{font-size: 1.25rem; line-height: 1; color: #aaa; font-weight: 500;}
.sns-btns button{padding: 10px 20px; border-radius:100px; color: inherit}
.sns-btns .active{background: #333; color: #fff; font-weight: 600;}

#mainSns a{display: flex;  align-items: center;}
#mainSns a:not(:first-child){margin-top: 1rem;}
#mainSns a:before{width: 1.5rem; height: 1.5rem; background: #3aac37 url('../img/main/sns-b.png') center center no-repeat; margin-right: 10px; display: inline-block; content: '';border-radius:50%}
#mainSns .Facebook:before{background-color: #507bbf; background-image: url('../img/main/sns-f.png')}
#mainSns .Youtube:before{background-color: #ff0000; background-image: url('../img/main/sns-y.png')}
#mainSns a > span{display: block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; flex:1}

.main-project_w{background: #f9f9f9 url('../img/main/ico.png') right bottom no-repeat; border:3px solid #ddd; padding: 50px 50px 35px}
.main-project > li{position: relative; width: 48%; flex:none;padding-bottom: 20px; margin-bottom: 20px;}
.main-project > li:nth-child(5),
.main-project > li:last-child{padding-bottom: 0; margin-bottom: 0;}
.main-project{display:flex; flex-wrap:wrap; gap:0 30px; justify-content: space-between;font-size: 1.125rem; color:#666; line-height: 1.15;}
.main-project .t{display: block; display: flex; align-items:center; font-size: 1.375rem; color: #333}
.main-project .label{font-size: 14px; font-weight: 300; display: inline-flex; width: 50px; height: 24px; align-items:center; justify-content:center; margin-right: 10px; background: var(--blue); color: #fff; border-radius:100px}
.main-project .c{display: block; margin-top: 10px;    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-project > li:after{background:url('../img/common/border-dotted.png') left bottom repeat-x; width: 100%; height: 1px; content: ''; display: block; position: absolute; left: 0; bottom: 0}
.main-project > li:nth-child(5):after,
.main-project > li:last-child:after{display:none;}

/* #m4 .l, #m4 .r{display: flex; flex-flow: column; gap:30px} */
.main-book{background: linear-gradient(135deg, rgba(51,51,51,1) 0%,rgba(144,144,144,1) 100%); flex:1; line-height: 1.15;}
.main-book a{display: block; padding: 70px 15px 30px 50px; position: relative; color: #fff; height: 100%; }
.main-book img{position: absolute; right: 50px; bottom: 0; max-height: 80%; max-width:40%;}
.main-book .big{font-size: 58px; font-weight: 700; color:#fff; letter-spacing: 0;}
.main-book .big .line{display: block; text-shadow: -1px 0px #fff, 0px 1px #fff, 1px 0px #fff, 0px -1px #fff; color:#444; line-height: 1;}
.main-book .add{font-size: 1.25rem; margin-top: 20px; padding-right: calc(40% + 75px)}
.main-book .more{display: inline-block; line-height: 1; padding: 15px 25px; border:1px solid #fff; border-radius:100px; margin-top: 20px;}
#mainVisual, #mainVisual .item,.main-ag,.main-link > *,
.main-pic,.main-pic .item,.main-bbs2 .item,.main-project_w,.main-book{border-radius:10px}

#mainStory{background: #f1f8fe url('../img/main/bot.png') left calc(100% - 25px) no-repeat}
#mainStory .in{display: flex; justify-content: space-between;}
#mainStory .tit-main{width: 475px}

.main-story_btns{display: flex; flex-wrap:wrap; margin: 75px 0 -10px -10px; font-weight: 500; color :#666; font-size: 1rem; line-height: 1;}
.main-story_btns button{background: #fff; border:1px solid #ddd; padding: 10px 20px; border-radius:100px;margin: 0 0 10px 10px; color: #666}
.main-story_btns .active{background:#333; color: #fff}

.main-infoPhoto{flex:1; margin-left: 80px;}
.main-infoPhoto__item a:nth-child(5){display: none;}
.main-infoPhoto__item{display: flex; margin-left: -30px;flex-wrap:wrap}
.main-infoPhoto__item a{width: calc(25% - 30px); margin-left: 30px;}
.main-infoPhoto__item img{border-radius:15px}
.main-infoPhoto__item .subject{margin-top: 20px;font-size: 1.25rem; font-weight: 600; color: #333; line-height: 1.15; display: block; max-height: 2.4em; overflow: hidden;}
.main-infoPhoto__item .img{position: relative; display: block; overflow: hidden; padding-bottom: 100%;}
.main-infoPhoto__item .category{position: absolute; left: 0; bottom: 0; min-width: 100px; height: 35px; display: flex; align-items:center; justify-content:center; border-radius:0 15px 0 15px; color: #fff; padding: 0 15px; line-height: 1.15;}

.main-infoPhoto__item .category.type1{background: #f47223}
.main-infoPhoto__item .category.type2{background: #db3e3e}
.main-infoPhoto__item .category.type3{background: #033863}
.main-infoPhoto__item .category.type4{background: #4639a5}
.main-infoPhoto__item .category.type5{background: #37ae58}
.main-infoPhoto__item .category.type6{background: #b0396b}
.main-infoPhoto__item .category.type7{background: #333}

.main-infoPhoto__item:not(:first-child){margin-top: 50px;}

.main-infoPhoto__item .img img{position: absolute;  left: 0;  top: 0; width: 100%; transition:all ease-in-out .3s}
.main-infoPhoto__item a:hover .img img,.main-infoPhoto__item a:focus .img img{transform:scale(1.015,1.015)}

.tabs-main .bul-dot a:hover{text-decoration: underline;}

.more-st1 .circle{transition:all ease .3s}
a.more-st1:hover .circle{transform: rotate(90deg);}

.select-main{display: none; margin-top: 30px;background: #333 url('../img/main/sel.png') calc(100% - 18px) center no-repeat; color: #fff; font-weight: 500; height: 60px; border-radius:8px; width: 100%; text-align: center;}


@media screen and (min-width:1025px){

}
@media screen and (max-width:1500px) and (min-width:1025px){
	#mainVisual .big br, #mainVisual p br{display: none;}
}
@media screen and (max-width:1800px) {
	#mainVisual .cont{padding-left: 50px;}
	#mainVisual .big{font-size: 60px;}

	.main-book a{padding-left: 30px;}
	.main-book .add{padding-right: calc(40% + 45px);}
	.main-book img{right: 30px}

	.sns-btns button{padding: 8px 15px}
	#mainStory .tit-main{width: 350px}
}
@media screen and (max-width:1700px) {
	#m4{flex-flow:column}
	#m4 .l,#m4 .r{width: 100%}
	.main-bbs2 .item{min-height: auto}
	#m4 .r{    flex-flow: row;}
	/* #m4 .r > *{width: calc(50% - 15px)} */
	.main-book .big{font-size: 50px;}
}
@media screen and (max-width:1500px) {
	#main{padding-left: 18px; padding-right: 18px;}
	.main-lr{margin: 0 -18px; padding-left: 18px; padding-right: 18px}
	.main-ag{padding: 30px}
	.main-link > *{padding: 0 30px}

	#mainVisual{width: calc(50% - 15px)}
	#main-bbs{width: calc(40% - 15px)}

	.main-link .ico{right: 25px; width:50px}
	#main-bbs{gap:20px}
	#m1 > *{width: calc(50% - 10px)}
	/* .main-st1 .tit-main{padding-right: 30px;}
	.main-st1 .flex-1{width: calc(100% - 350px)} */

	.main-intro{margin-left: -18px;}
	.main-intro > li{width: calc(20% - 18px); margin-left: 18px;}
	.main-intro .active{width: calc(40% - 18px)}
	.main-intro a{padding: 1.5rem; padding-bottom: 0;}
	.main-intro .active a{padding-bottom: 1.5rem;}

	.main-steps .ico{width: 115px; height: 115px}
	.main-steps > li:not(:first-child):before{width: 20px; height: 20px; background-size:auto 50%}

	.main-pic .item a{padding-left: 30px; padding-right: 30px;}
	.main-project_w,.main-bbs2 .item{padding: 30px}
	#m4 .l, #m4 .r,#m4{gap:20px}
	.main-bbs2 > *{width: calc(50% - 10px)}

	#mainStory .in{display: block;}
	#mainStory .tit-main{width: 100%}
	.main-infoPhoto{margin-left: 0;}
	.main-story_btns{margin-top: 30px;}
}
@media screen and (max-width:1024px){
	#m1{flex-flow:column}
	#m1 > *{width: 100%}
	#mainVisual .cont{text-align: center;     align-items: center;}
	#mainVisual .item{}
	#mainVisual .cont{position: relative; padding: 150px 15px; aspect-ratio: 507 / 410; z-index: 3}
	#mainVisual .item{height: 100%}
	#mainVisual .s{position: absolute; left: 0;top:0; width: 100%; height: 100%}
	#mainVisual .s > *,#mainVisual .s > * > *{height: 100%}
	#mainVisual .big{font-size: 50px;}
	.more-st1 span{display: none;}
	.main-link > *{padding: 30px 1.5rem}
	#main-bbs{gap:0; margin-top: 30px;}
	.main-link{margin-top: 30px;}
	.tabs-main .tab-c{height: 280px}

	.main-st1{display: block;}
	.main-st1 .tit-main{width: 100%; text-align: center;}
	.main-st1 .flex-1{width: 100%}
	.main-st1 .flex-1.main-intro{    width: calc(100% + 18px);}
	.tit-main .big{font-size: 47px;}
	.tit-main .big br{display: none;}
	.tit-main .add br{display: none;}
	.tit-main .more-st1{margin: 30px auto 0; justify-content:center}
	#m4 .r,.main-bbs2{flex-flow:column; gap:20px}
	#m4 .r > *,.main-bbs2 > *{width: 100%}
	.main-book img{right: 15px}
	.main-book a{padding-top: 30px;}

	.main-project > li{width: 100%;}
	.main-project > li:nth-child(5){padding-bottom: 20px; margin-bottom: 20px;}
	.main-project > li:nth-child(5):after{display: block;}

	#mainStory .tit-main{text-align: center;}
	.main-story_btns{align-items: center; justify-content: center;}

	#mainStory .main-infoPhoto{margin-top: 50px;}

	.main-story_btns{display: none;}
	.select-main{display: block;}

	#mainStory{background-image: none}

}
@media screen and (max-width:720px){
	#mainVisual .big br, #mainVisual p br{display: none;}
	#mainVisual .big{font-size: 40px;}
	#mainVisual p { font-size: 15px; }
	#mainVisual .cont{padding: 80px 15px}
	#mainVisual .controls_w{margin-top: 30px;}
	.tabs-main .tab-c{margin: 30px 20px 0; height: 18.5em}
	.tabs-main{padding-bottom: 20px;}
	.main-ag{padding: 1.5rem}
	.main-link .ico{right: 1.5rem}
	.main-intro{flex-flow:column;}

	.main-st1 .flex-1.main-intro{width: 100%}
	.main-intro > li,.main-intro .active{width: 100%}
	.main-intro a{height: 135px}
	.main-intro > li:not(:last-child){margin-bottom: 15px;}
	.main-steps{justify-content: center}
	.main-steps > li{width: 33.333%}
	.main-steps > li:nth-child(n+4){margin-top: 30px;}
	.main-steps .ico{width: 100px; height: 100px}
	.main-steps > li:not(:first-child):before{top:50px}
	.main-steps .ico img{ max-width: 55%;}

	.main-infoPhoto__item:not(:first-child){margin-top: 30px;}
	.main-infoPhoto__item{margin-left: -15px;margin-bottom: -30px;}
	.main-infoPhoto__item a{width: calc(50% - 15px); margin-left: 15px; margin-bottom: 30px;}

	.main-pic .btns{width: 130px; height: 55px;}
	.main-pic .btns > *{background-size: 35%;}
}
@media screen and (max-width:480px){
	/* .main-link .ico{width: 40px}
	.main-link > *{padding-right: 70px;} */
	.main-link{flex-flow:column}
	.main-link > *{width: 100%}
	.main-link > *:not(:first-child){margin-top: 10px;}
	.tabs-main .tab-c{height: 15em}
	.tabs-main .bul-dot a,.tabs-main .bul-dot .in{padding: 1em 0}
	.main-book .big{font-size: 40px;}
}
@media screen and (max-width:420px){
	.main-steps .ico{width: 70px;height: 70px; margin-bottom: 15px;}
	.main-steps > li:not(:first-child):before{top:35px}

	.main-book .big .line{display: inline;}
	.main-book img{max-height: 60%}
	.main-book .big{font-size: 35px;}
	.sns-btns button{    padding: 5px 10px;}

	.t-sns{flex-flow:column; align-items: flex-start;}
	.sns-btns{    margin-top: 15px;    text-align: right; width: 100%;}
}