@charset 'UTF-8';

@import url('https://fonts.googleapis.com/css2?family=Share+Tech&family=Share+Tech+Mono&display=swap');
/*
font-family:'Share Tech',sans-serif;
font-family:'Share Tech Mono',monospace;
*/

/*
@import url('https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');
font-family:'Noto Sans JP',sans-serif;
font-family:'Noto Serif JP',serif;
*/

/*------------------------------------------------------------*/
* {margin:0;padding:0;}
html{font-size:18px;}
@media screen and (max-width:767px){
	html{font-size:16px};
}

body{
	font-family:'Share Tech',sans-serif;
	-webkit-text-size-adjust:100%;line-height:1.4;
	word-break:break-word;color:#555;background:#eee;
}

/*
a          {color:#33f;}
a:hover    {color:#009;}
a:visited  {color:#666;}
*/

*:focus {outline:none;}
ul,ol{list-style:none;}
img{border:0;margin:0;padding:0;vertical-align:middle;width:100%;max-width:100%;}


@media screen and (min-width:1024px){.m-on{display:none!important;}}
@media screen and (max-width:1023px){.m-off{display:none!important;}}
@media screen and (min-width:768px){.s-on{display:none!important;}}
@media screen and (max-width:767px){.s-off{display:none!important;}}

.annotation-1 > li{padding-left:1em;}
.annotation-2 > li{padding-left:2em;}
.annotation-3 > li{padding-left:3em;}
.annotation-1 > li, .annotation-2 > li, .annotation-3 > li{position:relative;margin-bottom:5px;}
.annotation-1, .annotation-2, .annotation-3{margin:5px 0 10px;}
.annotation-1 > li span:first-of-type, .annotation-2 > li span:first-of-type, .annotation-3 > li span:first-of-type
{position:absolute;left:0;}

ol.num > li{list-style:decimal;margin-left:1.5em;padding-left:.5em;margin-bottom:10px;}
ol.num > li > ol{padding:5px 0;}

p{margin-bottom:10px;}
p:last-child{margin-bottom:0;}
.t-center,.t-center-pc{text-align:center;}

h2{
	font-size:2.0rem;text-align:center;color:#7d9abb;line-height:1.2;
	padding:80px 50px;background:url(../images/common/title-bg.jpg) center no-repeat;background-size:cover;
	margin-bottom:80px;
}
h2 span{font-size:60%;display:inline-block;margin-bottom:20px;}

@media screen and (max-width:767px){
	h2{margin-bottom:50px;}
	.t-center-pc{text-align:left;}
}
h3{font-size:1.6rem;margin-bottom:30px;color:#333;}
h4{font-size:1.2rem;margin-bottom:15px;color:#333;}




/* layout */
section{padding:60px 0;}
section:last-of-type{margin-bottom:80px;}
.content{max-width:1200px;margin:0 auto;padding:0 20px;}
.box{margin-bottom:40px;}
.box:last-child{margin-bottom:0;}

.image{margin-bottom:10px;}
.image img{border-radius:10px;width:100%;}

.cols-half{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;}
.cols-half:last-child{margin-bottom:0;}
.cols-half .col{width:48%;padding-bottom:10px;}
.cols-2{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;}
.cols-2 .col{width:48%;padding-bottom:40px;}
.cols-2:last-child{margin-bottom:0;}
.cols-3{display:flex;justify-content:space-between;flex-wrap:wrap;}
.cols-3 .col{width:31%;margin-bottom:20px;}
.cols-image-left{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px;align-items:flex-end;}
.cols-image-right{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px;align-items:flex-end;flex-direction:row-reverse;}

.cols-image-left .image, .cols-image-right .image{width:55%;margin-bottom:10px;align-self:flex-start;}
.cols-image-left .doc, .cols-image-right .doc{width:41%;}

@media screen and (max-width:767px){
	section{padding:50px 0;}
	section:last-of-type{margin-bottom:50px;}
	.cols-half .col{width:100%;}
	.cols-2 .col{width:100%;padding-bottom:20px;}
	.cols-3 .col{width:100%;}
	.cols-image-left,.cols-image-right{margin-bottom:15px;}
	.cols-image-left .image,.cols-image-left .doc{width:100%;}
	.cols-image-right .image,.cols-image-right .doc{width:100%;}
}

.note{font-size:80%;}
.notice{color:#B71C00;}





header{position:fixed;width:100%;z-index:10;}
#header-wrap{display:flex;justify-content:space-between;align-items:flex-start;margin:0 auto;/* max-width:1280px; */}
h1 a{display:block;width:100px;margin:10px 0 0 10px;}
#menu-btn{cursor:pointer;margin:10px 10px 0 0;}
.modal{display:none;}
.modaal-container{border-radius:5px;background:#eee;}

#menu li{margin-bottom:5px;}
#menu li:last-child{margin-bottom:0;}
#menu li a{
	display:block;padding:10px;
	color:#fff;text-decoration:none;text-align:center;line-height:1.2;
	background:#999;border-radius:5px;
}
#menu li a:hover{background:#666;}

#menu li a b{font-size:80%;}
#menu .menu-wrap{padding:10px;background:#fff;border:solid 1px #ccc;border-radius:10px;margin:20px 0;}
#menu .menu-wrap p{text-align:center;color:#666;}

@media screen and (max-width:767px){
	h1 a{width:70px;}
	.modaal-content-container{padding:20px;}
}

.white-box{background:#fff;padding:20px 40px;border-radius:10px;margin-bottom:10px;}





/* balloon */
.balloon-male,.balloon-female,.balloon-old,.balloon-kids{
	padding-left:100px;min-height:100px;margin-bottom:10px;
	background-size:70px;background-position:left top;background-repeat:no-repeat;
}
.balloon-doc{position:relative;background:#fff;border-radius:10px;padding:20px 40px;box-sizing:border-box;font-style:italic;}

.balloon-male{background-image:url(../images/common/balloon-male.png);}
.balloon-male .balloon-doc{background-color:#d5e2e6;color:#4c6e79;}
.balloon-male .balloon-doc::before{border-color:#d5e2e6;}

.balloon-female{background-image:url(../images/common/balloon-female.png);}
.balloon-female .balloon-doc{background-color:#f2e2e4;color:#84595d;}
.balloon-female .balloon-doc::before{border-color:#f2e2e4;}

.balloon-old{background-image:url(../images/common/balloon-old.png);}
.balloon-old .balloon-doc{background-color:#e4e4e4;}
.balloon-old .balloon-doc::before{border-color:#e4e4e4;}

.balloon-kids{background-image:url(../images/common/balloon-kids.png);}
.balloon-kids .balloon-doc{background-color:#e1e8e1;color:#566456;}
.balloon-kids .balloon-doc::before{border-color:#e1e8e1;}

.balloon-doc::before{content:"";display:block;position:absolute;top:20px;left:-20px;
	border-style:solid;border-width:10px 20px 10px 0;
	border-top-color:transparent!important;border-left-color:transparent!important;border-bottom-color:transparent!important;
}

@media screen and (max-width:767px){
	.balloon-male,.balloon-female,.balloon-old,.balloon-kids{padding-left:50px;background-size:40px;min-height:70px;}
	.balloon-doc{padding:15px 20px;}
	.balloon-doc::before{top:10px;left:-10px;border-width:5px 10px 5px 0;}
}

.commentary{border-top:solid 2px #ccc;border-bottom:solid 2px #ccc;color:#666;padding:20px 60px;margin-bottom:10px;}
@media screen and (max-width:767px){
	.commentary{padding:10px 20px;margin-bottom:20px;}
}


footer{text-align:center;background:#fff;padding:80px 20px 100px;}
footer img{width:200px;}
#copy{font-size:12px;color:#999;margin-top:20px;}







/* HOME */
/*------------------------------------------------------------*/
#home-logo{text-align:center;}
#home-logo img{margin-top:50px;max-width:800px;}
#home-logo p{font-weight:bold;color:#666;font-family:'Share Tech Mono',monospace;}
#home-logo p span{color:#ccc;}

#home-about-lsdao{text-align:center;margin:100px 0;}
#home-about-lsdao p:first-child{background:linear-gradient(90deg,#56C1FF,#AA1699);-webkit-background-clip:text;color:transparent;}

#home-catch{text-align:center;color:#036;font-size:2rem;font-weight:bold;line-height:1.4;margin-bottom:30px;}
#home-catch span{font-size:1.2rem;}

@media screen and (max-width:767px){
	#home-logo p{font-size:10px;}
	#home-about-lsdao{margin:50px 0 0;}
	#home-catch{font-size:1.6rem;}
	#home-catch span{font-size:1rem;}
}


#home-contents-link{display:flex;flex-wrap:wrap;justify-content:cener;}
#home-contents-link li{width:49%;margin:.5%;}
#home-contents-link li a{
	display:block;background:url(../images/common/link-arrow-white.svg) center left 20px no-repeat #036;border-radius:10px;
	text-align:center;color:#fff;text-decoration:none;padding:10px;
}
@media screen and (max-width:767px){
	#home-contents-link li{width:100%;margin:1% 0;}
	#home-contents-link li a{background-position:left 10px top 13px;}
}

/* 01 */
/*------------------------------------------------------------*/
.connected-list dl{display:flex;margin-bottom:10px;align-items:center;}
.connected-list dt{width:180px;margin-right:10px;flex-shrink:0;background:#fff;border-radius:10px;}
.connected-list dt img{border-radius:10px;}
@media screen and (max-width:767px){
	.connected-list dl{align-items:flex-start;}
	.connected-list dt{width:100px;}
}

/* 05 */
/*------------------------------------------------------------*/
.stuff-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.stuff-list dl{display:flex;margin-bottom:20px;align-items:center;width:48%;}
.stuff-list dt{width:180px;margin-right:10px;flex-shrink:0;}
.stuff-list dt img{border-radius:10px;}
@media screen and (max-width:767px){
	.stuff-list dl{width:100%;}
	.stuff-list dt{width:100px;}
}

a.blank-link{
	display:inline-block;padding:5px 15px 5px 40px;color:#c00;text-decoration:none;
	border-radius:10px;border:solid 1px #c00;
	background:url(../images/common/link-arrow.svg) center left 15px no-repeat #fff;
}
.link-uc{color:#999;font-weight:bold;}


/* 03 */
/*------------------------------------------------------------*/
.team-list{display:flex;flex-wrap:wrap;justify-content:center;}
.team-list dt,.team-list dd{width:48%;box-sizing:border-box;}
.team-list dt{text-align:right;font-size:90%;margin-right:.5%;}
.team-list dd{font-weight:bold;margin-left:.5%;margin-bottom:10px;}
@media screen and (max-width:767px){
	.team-list dt,.team-list dd{width:100%;margin-left:0;margin-right:0;text-align:center;}
}

.role-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.role-list dl{
	display:flex;align-items:center;
	width:49%;margin-bottom:2%;padding:10px;background:#fff;
	border-radius:10px;box-sizing:border-box;
}
.role-list dt{width:140px;flex-shrink:0;margin-right:20px;}
@media screen and (max-width:767px){
	.role-list dl{width:100%;}
	.role-list dt{width:80px;margin-right:10px;}
}