@charset "UTF-8";


html,body{background-color:#FFF;font-family:'Lato', sans-serif;font-size:16px;font-weight:400;color:#000;background-size:auto;background-position:center top;background-repeat:no-repeat;}


.lead{font-size:1.25em;line-height:1.5;}
.lead_m{font-size:1.25em;line-height:1.5;font-weight:700;}
.lead_b{font-size:1.25em;line-height:1.5;font-weight:500;}
.lead .caption{font-size:0.825em;}

a.disable{pointer-events:none;}
.tel{font-size:1em;}
.fax{font-size:1em;}
strong{font-weight:700;}
em{font-style:normal;font-weight:500;}
p em{font-weight:700;}
i{font-style:normal;display:inline-block;position:relative;}
i:after{content:'';position:absolute;left:0;bottom:1px;display:block;width:100%;height:1px;border-bottom:2px dotted #FFF;}
ruby > rt {font-size:0.6em;text-indent:1em;}

span{}



h1,h2,h3,h4,h5,h6{position:relative;box-sizing:border-box;line-height:1.2;margin:0px 0px 0.5em;padding:0px;position:relative;box-sizing:border-box;font-weight:700;box-sizing:border-box;}
h1{font-size:1.625em;background:#0073be;padding:0.7em;color:#FFF;outline:5px solid #00287e;border:1px solid #FFF;left:5px;width:calc(100% - 10px);}

h2{font-size:1.5em;font-weight:700;border-bottom:2px solid #0073be;border-top:2px solid #0073be;color:#00287e;padding:0.85em 0.5em;}
h2:before,
h2:after{content:'';display:block;width:100%;height:2px;position:absolute;left:0;background:#0073be;}
h2:before{top:3px;}
h2:after{bottom:3px;}
h3{font-size:1.375rem;background:#fffac8;border-left:10px solid #0073be;padding:0.4em 0.5em;color:#000;}
h4{font-size:1.25em;color:#000;border-bottom:2px dashed #e67737;padding: 0.6em 1em;}
h5{font-size:1.125em;color:#0073be;}

*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:2em;}

h1.h1_blk{background:#000 url(../images/h1.png) left top no-repeat;}

ul,ol{margin:1rem 0px;padding:0px;list-style-type:none;}
ul > li{position:relative;margin:8px 0px;line-height:1.3;padding:0px;}
ul li{position:relative;line-height:1.3;}
ul li em{font-weight:700;}

ul.caption{margin-top:0px;margin-bottom:0px;}
ul.caption > li{padding-left:1.3em;margin:0px 0px 0.3em;font-weight:400;}
ul.caption > li:before{content:'※';display:block;width:1em;height:1em;font-size:1em;position:absolute;left:0.2em;top:0em;}
ul.caption > li.red{color:#DB0000;}
ul.caption > li.red:before{color:#DB0000;}

ul.dot > li{padding-left:1em;}
ul.dot > li+li{margin-top:10px;}
ul.dot > li:before{content:'';display:block;background:#000;border-radius:50%;width:0.3rem;height:0.3rem;position:absolute;left:0.2em;top:0.65em;}

ul.arrow > li{padding-left:1.25em;}
ul.arrow > li:before{content:'';display:block;border-right:2px solid #FFF;border-bottom:2px solid #FFF;width:0.4rem;height:0.4rem;transform:rotate(-45deg);position:absolute;left:0.25em;top:0.5em;}

ul.cle{margin:0;}
ul.cle > li{padding-left:1.2em;}
ul.cle > li+li{margin-top:10px;}
ul.cle > li:before{content:'';display:block;border:0px;background:#e67737;border-radius:50%;width:0.8rem;height:0.8rem;position:absolute;left:0em;top:0.3em;}

ul.sqe > li{padding-left:1.2em;}
ul.sqe > li+li{margin-top:10px;}
ul.sqe > li:before{content:'';display:block;background:#0073be;width:0.8rem;height:0.8rem;position:absolute;left:0em;top:0.3em;}
ul.sqe.ppl > li:before{background:#4f64ae;}

ul.inline{}
ul.inline li{display:inline-block;margin-right:1rem;}
ul.inline.slsh li:after{content:'/';display:inline-blokc;margin-left:1rem;}


ol{counter-reset: num;}
ol > li{position:relative;line-height:1.3;}
ol > li:before{counter-increment: num;}

#chairman ol > li,#chairman ul > li{font-feature-settings: "palt";}

ol.num{}
ol.num > li{padding-left:1.6em;position:relative;}
ol.num > li:before{content:counter(num) ".";position:absolute;left:0px;top:0px;}

ol.num.sqe > li{}
ol.num.sqe > li+li{margin-top:.75em;}
ol.num.sqe > li:before{content:counter(num, decimal-leading-zero);position:absolute;left:0px;top:0.2em;font-size:1em;font-size:0.825em;background:#0073be;width:1.6em;height:1.6em;line-height:1;display:flex;align-items:center;justify-content:center;color:#FFF;font-weight:700;font-family:serif;}

ol.num.kakko > li{}
ol.num.kakko > li:before{content:"(" counter(num) ")";position:absolute;left:0px;top:0px;font-size:0.875em;top:0.125rem;}

ol.num.caption > li{font-size:0.875em;padding-left:1.875em;}
ol.num.caption > li:before{content:"※" counter(num);position:absolute;left:0px;top:0.5em;font-size:1em;top:0;}

.column dl{flex-direction:column;align-items:stretch;padding:1rem 0px;}
.column dl dt{margin-bottom:0.6em;font-size:1.125em;font-weight:600;}

a{color:inherit;text-decoration:none;transition:all 0.2s;}
a > img{transition:all 0.2s;}
a:hover > img{opacity:0.6;}
a > img.img_w100{width:100%;height:auto;display:block;}
a.underline:hover{text-decoration:none;}


p{line-height:1.5;}
p+p{margin-top:1.5em;}
#contact_us p em{font-size:1.25rem;font-weight:700;}

i{font-style:normal;}
sup{font-size:0.75em;}
strong{font-size:1.25em;}
small{position:relative;font-size:0.75em;font-weight:300;}
address{font-size:1em;line-height:1.5;}
section{position:relative;margin-bottom:4rem;}

button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}


table{width:100%;margin:0px;border-collapse:separate;border-spacing:0.25em;}
table th.center{text-align:center;}
table th{text-align:left;padding:0.75em;font-weight:500;color:#FFF;font-size:1em;line-height:1.3;background:#0073be;}
table td{text-align:left;padding:0.75em;font-weight:300;font-size:1em;line-height:1.3;background:#fffdee;}
table thead th{text-align:center;}
.scroll_table{}
.row > table{display:table;}

header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#0073be;}
header > .row{width:90vw;max-width:1000px;margin:0 auto;padding:1em 0;padding-right:4.35rem;}
header .sitename{width:calc(100% - 4.35em);max-width:871px;}



#contents{padding-top:7em;}
#contents > #main{}
section > .row{width:90vw;max-width:1000px;margin-left:auto;margin-right:auto;}


footer{position:relative;background:#000;color:#FFF;padding:0.5em 0;}
footer .copyright{text-align:center;letter-spacing:0.1em;font-weight:400;}
footer .gototop{position:fixed;transition:all 0.2s;bottom:-6em;right:1rem;background:url(../images/pagetop.webp) center center no-repeat;width:4rem;height:4rem;background-size:contain;z-index:950;}
footer .gototop.active{bottom:4em;}


aside.gnav{position:fixed;top:0;right:0;z-index:1000;width:100%;}
aside.gnav .panel_btn{width:3.75rem;height:3.75rem;position:absolute;right:calc(50vw - 500px);top:1em;background:none;z-index:1100;}
aside.gnav .panel_btn > span{position:absolute;left:50%;top:50%;width:60%;margin-left:-30%;margin-top:-0.125rem;background:#FFF;display:block;height:0.25rem;}
aside.gnav .panel_btn > span:before,
aside.gnav .panel_btn > span:after{content:'';display:block;width:100%;height:0.25rem;background:#FFF;position:absolute;left:0;}
aside.gnav .panel_btn > span:before{top:-0.75rem;}
aside.gnav .panel_btn > span:after{top:0.75rem;}
aside.gnav .panel_btn.active span{background:none;}
aside.gnav .panel_btn.active span:before{transform:rotate(45deg);top:0;background:#FFF;}
aside.gnav .panel_btn.active span:after{transform:rotate(-45deg);top:0;background:#FFF;}

aside.gnav .gmenu{z-index:1050;background:#000000AA;width:auto;height:100%;position:fixed;right:-50vw;top:0;opacity:0;pointer-events:none;box-sizing:border-box;padding:0.75em 2em 2em;padding-right:calc(50% - 500px);transition:all 0.3s;}


aside.gnav .panel_btn.active+.gmenu{right:0px;opacity:1;pointer-events:inherit;}
aside.gnav .gmenu .gm_cont{height:100%;overflow-y:scroll;padding:2em 0;}
aside.gnav .gmenu .gm_cont > ul > li{font-size:1.5em;font-weight:700;margin-bottom:1.25em;color:#fffac8;margin:0.5em;}
aside.gnav .gmenu .gm_cont > ul > li > ul > li{font-size:0.825em;color:#FFF;font-weight:500;}
aside.gnav .gmenu .gm_cont a{display:block;background:none;}
aside.gnav .gmenu .gm_cont a:hover{text-decoration:underline;}



/* 非公開メニュー .gmenu a#gm_the_city_of_sapporo,.gmenu a#gm_venue,.gmenu a#gm_sponsors,*/
.gmenu a#gm_committees,
.gmenu a#gm_program,
.gmenu a#gm_program,
.gmenu a#gm_board,
.gmenu a#gm_abstract,
.gmenu a#gm_registration,
.gmenu a#gm_visa,
.gmenu a#gm_tourist,
.gmenu a#gm_accommodation_2,

.gmenu a#gm_accommodation{pointer-events:none;color:#999;}


.caption{font-size:0.825em;}
.underline{text-decoration:underline;}
.text_link{text-decoration:underline;color:#e67737;font-weight:500;}
.text_link:hover{text-decoration:none;}


.btn{display:flex;background:#e67737;height:3.4em;color:#FFF;max-width:20em;margin-left:auto;margin-right:auto;margin-bottom:1rem;font-size:1.125em;font-weight:600;align-items:center;justify-content:center;padding:0 2em 0 1em;position:relative;transition:all 0.3s;line-height:1.2;text-align:center;}
.btn:after{content:'';display:block;width:0.4em;height:0.4em;border-right:2px solid #FFF;border-bottom:2px solid #FFF;transform:rotate(-45deg);position:absolute;right:0.8em;top:50%;margin-top:-0.2em;}
.btn.lead{font-size:1.25em;}
.btn:hover{background-color:#989898;}
.btn.center{margin-left:auto;margin-right:auto;justify-content:center;text-align:center;}

.btn.disable{background-color:#BBB;box-shadow:0 4px 0 0 #CCC;}


.line_blk{border:1px solid #bebebe;box-sizing:border-box;}
.gmap iframe{width:100%;height:450px;margin:1rem 0;}

.dl_tbl{border-top:3px solid #c9c6e0;border-bottom:3px solid #e5e5e5;}
.dl_tbl > dl{display:flex;padding:1rem 1.25rem;}
.dl_tbl > dl+dl{border-top:1px solid #e5e5e5;}
.dl_tbl > dl > dt{width:10em;font-weight:700;flex-shrink:0;color:#0073be;margin-right:1rem;}
.dl_tbl > dl > dd{flex-grow:1;}

.dl_blk > dl{display:flex;}
.dl_blk > dl+dl{margin-top:0.5em;}
.dl_blk > dl > dt{width:9rem;}

.dl_tbl > dl > dd > span{display:block;margin-bottom:1rem;}


.dl_list{}
.dl_list > dl{display:flex;padding:1rem 1.25rem;}
.dl_list > dl > dt{width:5em;font-weight:700;flex-shrink:0;color:#c30f23;margin-right:1rem;}
.dl_list > dl > dd{width:10em;}





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


a.tel{pointer-events:none;}
p.pc_lh{line-height:3;}
p.pc_lh+p.pc_lh{margin-top:3rem;}

header{margin-bottom:3rem;}
.hn{flex-grow:1;flex-basis:62%;max-width:62%;}
header .panel_btn{display:none;}

#contents{}
	#contents > #main{}

body.second header{background:#0073be;box-shadow:0 0 5px 0px #00000066;}
body.second header .row{display:flex;align-items:center;justify-content:space-between;}
body.second header .sitelead{flex-shrink:1;margin-right:2em;}
body.second header .sitelead img{width:100%;max-width:736px;display:block;}
body.second #contents{padding-top:9em;}
}

@media screen and (min-width:751px) and (max-width: 1020px){
	body.second header .sitelead img{max-width:370px;}
	aside.gnav .panel_btn{right:5vw;}
}

@media screen and (min-width: 751px) and (max-width: 2000px){


}

@media screen and (max-width: 750px){

html,body{font-size:3.5vw;}
body{background:url(../images/body_bg_sp.jpg) center bottom no-repeat;background-size:100% auto;}

	
header .sitename{width:auto;}

.sp_center{text-align:center;}

p{line-height:1.8;}
.lead{font-size:1.25rem;}
p.sp_center .btn{margin-left:auto;margin-right:auto;}
p.lead.em{font-size:1.25rem;}
br.tb{display:none;}
imgcenter{margin-left:auto;margin-right:auto;}
img.sp_orign{width:auto;height:auto;margin-left:auto;margin-right:auto;}
a > img.img_sp_w100{width:100%;height:auto;display:block;}

.btn{}

h1{}
h2{}
h3{}
h4{}

header{}

aside.gnav .panel_btn{right:2vw;}
aside.gnav .gmenu{width: 100vw;padding: 3vw 6vw;}
aside.gnav .gmenu .logo_w{height:3.75em;width:auto;margin-right:3.5em;margin-left:auto;background-position:right center;}

footer{padding:2vw 0;}
footer .copyright{line-height:1.3;font-size:0.75em;}

.second main{padding:5vw 4vw 10vw;min-height:calc(100vh - 13em);}


section{margin-bottom:10vw;}

.scroll_table{width: 90%;margin: 0 auto;overflow-x: scroll;}
.scroll_table_sp{	width: 100%;min-width: 900px;margin: 1rem auto 2em;}

.scroll_table#outer::-webkit-scrollbar {height: 5px;}
.scroll_tableouter::-webkit-scrollbar-track {border-radius: 5px;background: #eee;}
.scroll_tableouter::-webkit-scrollbar-thumb {border-radius: 5px;background: #666;}



.dl_tbl{display:block;}
.dl_tbl > dl{display:block;}

.news_lists li{flex-direction:column;}

.tbl_blk > table,
.tbl_blk > table > thead,
.tbl_blk > table > tbody,
.tbl_blk > table tr,
.tbl_blk > table th,
.tbl_blk > table td{display:block;}
.tbl_blk > table th,
.tbl_blk > table td{margin-bottom:0.25em;}



}