@charset "UTF-8";
/*---reset---*/
html {
    font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    line-height: 1.5;
    color: #231815;
    text-align: justify;
}
html, body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 100%;
    background: #d3ebfd;
}
h1,h2,h3 {
    font-size: 100%;
    margin: 0;
    padding: 0;
}
img {
	display: block;
	vertical-align: middle;
	border: 0;
	max-width: 100%;
	height: auto;
}
table {
	border-collapse: collapse;
    border-top: 2px solid #3fa8f4;
    border-bottom: 2px solid #3fa8f4;
	width: 100%;
}
td, th {
    border-bottom: 1px solid #3fa8f4;
    padding: .5rem;
    font-size: .875rem;
}
th {
    width: 5rem;
    background: #f0f8ff;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    margin: 2rem 0;
}
ul {
	padding-left: 1em;
}
ol {
	padding-left: 2em;
}
ul li {
	list-style-type: none;
}
ol li {
	list-style-type:decimal;
}
a {
    color: #1b89d3;
    font-weight: bold;
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
figure {
    display: block;
    max-width: 100%
}
figure img {
    margin: 0 auto;
    max-width: 100%;
}

/*------*/
.section {
    padding: 2rem 1rem;
}
.header {
    background: url("images/bgr_snow.png");
    background: url("images/bgr_snow.png"), -webkit-linear-gradient(#80c7f7 0%, #fff3ad 100%);
    padding: 0 0 2rem;
}
.header .section {
    padding: 0;
}
.header .hd_inner {
    background: url("images/bgr_hd.png") repeat-x;
    background-size: 70%;
}
.header .wrapper {
    position: relative;
}
.header h1 {
    position: relative;
    display: inline-block;
    float: left;
    padding: 1rem 0 2rem;
}
.header h1.hd_logo {
    max-width: 280px;
    z-index: 10;
}
.header .icon_25th {
    position: absolute;
    max-width: 90px;
    top: 0;
    right: 0;
    z-index: 1;
}
.header .hd_date {
    position: absolute;
    bottom: .5rem;
    right: 0;
    font-size: 1.875rem;
    color: #CE6768;
    font-family: 'Contrail One', cursive;
}
/*------header items---------------*/
.header_image {
    position: relative;
    min-height: 600px;
    margin-top: 0;
}

.header_image figure {
    position: absolute;
    background: rgba(255,255,255, .5);
    border-radius: 200px;
    margin: 0;
}
.header_image figure.item2 {
    background: none;
}

.header_image figure img {
    margin: auto;
}
.header_image .img_items.item1 {
    left: 0;
    top: 40%;
    width: 120px;
    height: 120px;
}
.header_image .img_items.item2 {
    right: -5%;
    top: 32%;
    width: 180px;
    height: 180px;
}
.header_image .img_items.item3 {
    right: 3%;
    bottom: -2rem;
    width: 250px;
    height: 250px;
}
.header_image .txt_items {
    font-family: "M PLUS Rounded 1c";
    position: absolute;
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #3fa8f4;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#fff3ad 3px, #fff3ad 7px);
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #3fa8f4;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.2;
    padding: .5rem;
    text-align: center;
}
.header_image .txt_items.item1 {
    top: 30%;
    left: 0%;
}
.header_image .txt_items.item2 {
    top: 32%;
    left: 32%;
}
.header_image .txt_items.item3 {
    top: 58%;
    right: -1%;
}
.header_image .txt_items.item4 {
    bottom: 25%;
    right: 75%;
}
.summary {
    background: rgba(255,255,255,0.9);
    border-radius: .5rem;
    padding: .5rem;
}
.summary p {
    font-family: "M PLUS Rounded 1c";
    background: rgba(227,227,227,0.2);
    margin: 0;
    padding: 1rem;
    font-size: .875rem;
    border-radius: .5rem .5rem 0 0;
}
.cont_summary {
    clear: both;
}

.footer {
    background: #008bd8;
    text-align: center;
    padding: 0 0 4rem;
    font-size: .75rem;
    color: #ffffff;
}
.cont_part1 {
    background: #fff;
}
.wrapper {
    margin: 0 auto;
    padding: 1rem;
}
main section article {
    margin: 0 auto;
}
.cont_flex {
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    padding: 0;
}
.cont_flex_item {
    margin: .5rem auto;
}
.cont_part2 .cont_flex_item {
    width: 100%;
}
.cont_booth .cont_flex_item h2 {
    font-size: 1.25rem;
    text-align: center;
}

h1 {
    font-size: 1.5rem;
    padding: 1rem 0;
}
h2 {
    font-size: 1.5rem;
    border-bottom: solid 3px #3fa8f4;
    color: #3fa8f4;
    position: relative;
    margin: 1.5rem 0 1rem;
}
h2:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #fff3ad;
    color: #3fa8f4;
    bottom: -3px;
    width: 20%;
}
h3 {
    border: 1px solid #3fa8f4;
    text-align: center;
    font-weight: bold;
    color:#3fa8f4;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    margin: 1rem auto;
    padding: 1rem .5rem;
}
.main h1 span {
    display: block;
}
.main .cont_part1 h3 {
    padding: .25rem;
}
.small {
    font-size: .65rem;
}
.txt_bold {
    font-weight: bold;
}
.txt_status {
    display: block;
    font-size: .875rem;
}
h3.h3_peopletree {
    display: block;
    line-height: 1.2;
}
.box_note {
    font-family: "M PLUS Rounded 1c";
    font-size: .75rem;
    padding: .5rem;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
main .section article h1 {
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: #3fa8f4;
}
main .section article h1 span {
    padding-left: 1rem;
    font-size: .75rem;
    color: #333;
}
main .section article h1:before,
main .section article h1:after {
    content: '';
    display: block;
    height: 8px;
    flex-grow: 1;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
main .section article h1:before {
    margin-right: .5rem;
}
main .section article h1:after {
    margin-left: .5rem;
}
p.bt_detail {
    text-align: center;
    font-weight: bold;
    color:#3fa8f4;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    padding: 1rem .5rem;
    width: 95%;
}
.cont_description {
    font-family: "M PLUS Rounded 1c";
    position: relative;
    padding: .5rem;
    background: #fff3ad;
    border-radius: .5rem;
    text-align: center;
}
.cont_description::before{
    content: '';
    position: absolute;
    left: 20px;
    top: -15px;
    display: block;
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff3ad;
    border-left: 15px solid transparent;
}
.text_alert {
    font-weight: bold;
    color: #CE6768;
}
/*------figure---------------*/
figure figcaption {
    font-family: "M PLUS Rounded 1c";
    font-size: 1em;
    font-weight: bold;
    line-height: 1.21;
    padding: .5rem 0;
    text-align: center;
}
.cont_summary figure figcaption {
    font-weight: normal;
}
.nameonly figure figcaption {
    padding: 2rem 0;
}
figure figcaption .text_bold_block {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 2px solid #3fa8f4;
    margin: .2rem 0;
}
figure figcaption .text_small_block {
    display: block;
    font-size: .5em;
    font-weight: normal;
}
figure.fig_sdgs {
    margin: 0;
}
figure.fig_sdgs figcaption {
    font-size: .875rem;
    line-height: 1.4;
    text-align: left;
}
.cont_part1 figure {
    background: rgba(217,234,252, .5);
    background-size: 150px 150px;
    border-radius: 1.5rem;
    margin: 0;
    padding: .5rem;
    align-items: center;
}
.cont_part1 .cont_flex_item.talksession .cont_flex {
    align-items: center;
}
.cont_part1 .cont_flex_item.talksession .cont_flex .cont_flex_item {
    margin: .5rem;
}
.cont_part1 .cont_flex_item.talksession .cont_flex .cont_flex_item figure {
    vertical-align: middle;
    align-self: center;
}
.bt_digest {
    display: block;
    background: #df5f65;
    border-bottom: 3px solid #990005;
    margin-left: .5rem;
    padding: .5rem .75rem;
    border-radius: .25em;
    color: white;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: .5s;
}
a.bt_digest:hover {
    opacity: .5;
    color: #e60033;
}
/*------photo---------------*/
.photo {
    border-radius: .5rem;
    margin: .25rem auto .75rem;
}
/*------navi related---------------*/
.post_related {
	position: fixed;
    align-items: center;
	bottom: 0;
	background: rgba(245,245,245,.9);
	margin: 0;
    padding: .25rem 0;
	text-align: center;
	z-index: 100;
    width: 100%;
}
ul.post_related_share {
    margin: 0;
    padding: .5rem 0;
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}

.post_related_share li {
    list-style: none;
    display: inline-block;
    padding: 0 .25rem;
}

.post_related a {
    display: inline-block;
	padding: .5em;
	border-radius: .25em;
    color: white;
    font-weight: bold;
	text-align: center;
    text-decoration: none;
    transition: .5s;
}
.post_related a:hover {
    opacity: .5;
}
.post_related a.sns {
    padding: 0;
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
	width: 3rem;
	height: 3rem;
	border-radius: 1.5rem;
}
.post_related a.bt_entry span {
    display: none;
}
.post_related a.bt_entry i {
    margin-right: .25rem;
}
.post_related a.sns i {
    font-size: 1.5rem;
}
.post_related a.sns span {
    display: none;
}
.post_related a.bt_entry {
    background: #df5f65;
    border-bottom: 3px solid #990005;
    margin-left: .5rem;
    padding: .5rem .75rem;
}
.post_related a.bt_entry:hover {
    background: #df5f65;
}
.post_related a.bt_twitter {
    background: #55acee;
}
.post_related a.bt_facebook {
    background: #315096;
}
.post_related a.bt_line {
    background: #00c300;
    font-weight: normal;
    font-size: 1.2rem;
}
/*--------------------GoToTop------------------------*/
#pageTop {
	position: fixed;
	right: .5em;
	bottom: 5em;
    z-index: 1000;
}
#pageTop a {
	color: #214579;
    background: #fff;
    border-radius: .5rem;
    padding: .25rem .5rem;
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    align-items: center;
    text-decoration: none;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
}
#pageTop a i {
	font-size: 2em;
	line-height: 1;
    color: #214579;
}
/*------digest---------------*/
.cont_speaker {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    color: black;
}
.cont_speaker .text_small_block
 {
    font-weight: normal;
}
.speaker_name {
    display: inline-block;
    color: #3fa8f4;
    font-weight: bold;
    line-height: 1.3;
    margin-right: .5rem;
    padding: .2rem .5rem;
    background: rgba(217,234,252, .5);
    border-radius: .25rem;
}
.cont_article.talk p,
.cont_article.workshop p {
    overflow: hidden;
}
.talksession_cso {
    width: 90%;
}
/*-----------------------------------------------------------------------*/
@media screen and (min-width:768px){
.wrapper {
    margin: 0 auto;
    padding: 0;
}
.header .wrapper {
    padding: 0 2rem;
    max-width: 1280px;
}
.digest .header {
    padding-bottom: 0;
}
.digest .header .wrapper {
    display: flex;
    padding: 0 2rem;
}
.header .hd_inner {
    background-size: auto;
}
.header .icon_25th {
    max-width: 165px;
    top: 4rem;
    left: 33rem;
}
.digest .header .icon_25th {
    max-width: 100px;
    top: 1rem;
    left: 24rem;
}
.header .hd_date {
    font-size: 3rem;
}
figure {
    display: inline-block;
    margin: 0;
}
.main .section .article,
.main .section.cont_summary {
    margin: 0 auto;
    padding: 0;
    max-width: 1080px;
}
.main .cont_part2 h3 {
    min-height: 3rem;
}
.main .section.cont_part2 .article {
    margin: 1rem auto 4em;
}
.main .section .article h1 {
    font-size: 1.25rem;
}
.cont_description {
    text-align: left;
}
.cont_flex {
    flex-flow: row nowrap;
}
.digest header .cont_flex {
    flex-basis: 50%;
}
.cont_part2 .cont_flex {
    max-width: 1080px;
    flex-flow: row wrap;
}
.cont_part2 .cont_flex {
    max-width: 1080px;
    flex-flow: row wrap;
}
.cont_part2 .cont_flex_item {
    flex-basis: 31%;
}
.cont_summary .cont_flex_item {
    flex-basis: 50%;
}
.cont_flex_item {
    margin: 0 .5rem;
    align-items: center;
}
.cont_flex_item.item1of3 {
    flex-basis: 20%;
}

.post_related {
    padding: 0;
}
.post_related a.bt_entry {
    display: inline-block;
    width: 400px;
    margin-left: 2rem;
}
.post_related a.bt_entry span {
    display: inline-block;
}
/*------header items---------------*/
.header_image {
    position: relative;
    height: 600px;
    margin-top: 0;
}
.header_image figure {
    position: absolute;
}
.header_image .img_items.item1 {
    left: 7%;
    top: 58%;
    width: 200px;
    height: 200px;
}
.header_image .img_items.item2 {
    left: 32%;
    top: 49%;
    width: 300px;
    height: 300px;
}
.header_image .img_items.item3 {
    right: 0;
    bottom: 10%;
    width: 430px;
    height: 430px;
}
.header_image .txt_items {
    width: 100px;
    height: 100px;
    font-size: 1.25rem;
    line-height: 1.2;
}
.header_image .txt_items.item1 {
    top: 44%;
    left: 3%;
}
.header_image .txt_items.item2 {
    top: 52%;
    left: 26%;
}
.header_image .txt_items.item3 {
    top: 10%;
    right: 0%;
}
.header_image .txt_items.item4 {
    bottom: 2%;
    right: 32%;
}
.txt_bold {
    font-size: 1.1rem;
}
.cont_part1 .cont_flex_item.talksession .cont_flex .cont_flex_item figure {
    width: 180px;
    height: 200px;
}
.digest .main .section .article .cont_flex_item {
    width: 100%;
}
.digest .main .section .cont_article {
    margin: 2rem auto;
    padding: 2rem 4rem;
    max-width: 780px;
    background: #fff;
    border-radius: 1rem;
    line-height: 1.8;
    overflow: hidden;
}
.digest .header .hd_date {
    bottom: auto;
}
.digest .section.cont_summary {
    margin: 2rem;
}
.digest .main .cont_part2 h3 {
    min-height: initial;
}
.cont_speaker {
    display: inline-block;
    margin-left: 2rem;
}
/*------photo---------------*/
.photo.left,
.photo.right {
    max-width: initial;
}
.left {
    float: left;
    margin: .25rem .75rem .5rem 0;
}
.right {
    float: right;
    margin: .25rem 0 .5rem .75rem;
}
}