@charset "utf-8";

/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　コンテンツ　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/* ===============================================
 * トップページ
 * =============================================== */
/*------------------------Indexページ--------------------------*/
.fullback { width: 100%; padding: 0px 0; position: relative; margin-top: 0; }
.bk_green { color: #fff; background: linear-gradient(-60deg, #473b7b, #3584a7, #3e888f, #3584a7, #473b7b); background-size: 300% 300%; animation: AnimationName 15s ease infinite;z-index: 99; }
.bk_gray { color: #333; background: linear-gradient(-60deg, #d9d9d9, #e9e9e9, #F9F9F9, #e9e9e9, #d9d9d9); background-size: 300% 300%; animation: AnimationName 15s ease infinite;z-index: 99; }
.bk_blue { color: #fff; background-color: #607BB1; }


/*--------------新着情報------------------*/
.fullback h4::after { position: absolute; width: 50px; height: 1px; top: 50%; left: -65px; content: ""; }
.whatsnew { width: 100%; max-width: 1200px; margin: 0 auto 0; position:relative; box-sizing: border-box; padding-left: 1.5em; padding-right: 1.5em; padding-top: 1.5em; padding-bottom: 1.5em; font-size: 95%; letter-spacing: 0; border: 2px solid #5fb200; border-radius:5px ;background-color: #f0ffe9;}
.whatsnew dl {padding: 0 0 0.75em;}
.whatsnew dl dt { float: left; }
.whatsnew dl dd { margin-left: 180px; margin-bottom: 1.5em;}
.whatsnew dl dd a { text-decoration: underline; color: blue; }
.whatsnew dl dd a:hover { color: #ff0; }

.fullback .whatsnew h4{ padding-top: 1em;}
.fullback .whatsnew h4::after { width: 0;}
.whatsnew_linkall { float: right; font-size: 100%; padding: 0.3em 1em; background-color: #5fb200; color: #fff; font-weight: 600; border-radius: 5px; top:-0.5em; }
.whatsnew_linkall a { color: #fff; text-decoration: none; }
.whatsnew_linkall:hover { background-color:#1C0BB1; } 	
.whatsnew_linkall:hover a { color: #fff; }

fieldset.whatsnew_l { padding: 2em; margin-bottom: 80px;}
fieldset.whatsnew_l legend { padding-left: 2em ; padding-right: 2em; font-size: 1.8rem; font-weight: 600; }
fieldset.whatsnew_l dl dt { float: left;}
fieldset.whatsnew_l dl dd { margin-left: 10em; margin-bottom: 1em; text-decoration: underline;}
fieldset.whatsnew_l dl dd a { text-decoration: underline; color: blue; }

dl.index_outline dt { float: left; color: #5fb200; font-weight: 600;}
dl.index_outline dt i{ color: #c0ef7d;}
dl.index_outline dd { margin-left: 150px; margin-bottom: 0.75em;}

dl.index_sch dt { float: left;}
dl.index_sch dd { margin-left: 150px; margin-bottom: 0.75em;}

/*--------------登録代金------------------*/
table.registfee_tbl { width: 100%; border: 2px solid #aaa; border-collapse: collapse; margin-top: 30px; }
table.registfee_tbl th { border: 1px solid #aaa; background-color:#aedb73; font-weight: 600; padding: 0.5em 1em; text-align: center; color: #fff; letter-spacing: 0.2em; }
table.registfee_tbl td { border: 1px solid #aaa; padding: 0.5em 1em; background-color: #fff;}
table.registfee_tbl td:first-child { text-align: left;}
table.registfee_tbl td:nth-child(2) { text-align: right;}
table.registfee_tbl td:nth-child(3) { text-align: right;}

/* ===============================================
 * ご挨拶
 * =============================================== */
 .greeting{ width: 100%; box-sizing: border-box; padding: 3em; background-color: rgb(227, 223, 229, 0.3);}
 .greeting dl dt { float: left; width: 350px; padding-right: 50px; padding-bottom: 50px; }
 .greeting dl dt img { width: 100%; min-height: auto;}
 .greeting dl dd h4 { margin-left: 350px; margin-bottom: 0.5em;}
 .greeting dl dd .greeting_presenter_title { font-size: 2.0rem;}
 .greeting dl dd .greeting_presenter { font-size: 3.5rem; font-weight: 600; }




/* ===============================================
 * 開催概要
 * =============================================== */
/*-----------開催概要--------------*/
#outline { width: 100%; margin-top: 50px; margin-bottom: 50px; border-top: 1px solid #aaa;}
#outline dl{ padding-top: 1em; padding-bottom: 1em; border-bottom: 1px solid #aaa;}
#outline dl dt { float: left;}
#outline dl dd { margin-left: 200px;}

/* ===============================================
 * 講演者紹介
 * =============================================== */
 /*-----------講演者紹介--------------*/

 ul.presenter{ display: flex; flex-wrap: wrap;}
 ul.presenter li { width: 30%;margin-right: 5%;}
 ul.presenter li:nth-child(3n){ margin-right: 0;}
 ul.presenter li dl dt { width: 100%;}
 ul.presenter li dl dt img{ width: 100%; height: auto; }
 ul.presenter li dl dd { width: 100%; box-sizing: border-box; padding: 1.5em;}
 ul.presenter li dl dd h5 { font-size: 2.3rem; font-weight: 600;}
 ul.presenter li dl dd .aff { font-size: 2.0rem; font-weight: normal; line-height: 1.2;}
 ul.presenter li dl dd .presenter_comment { font-size: 90%; font-weight: normal; line-height: 1.2;}

 /* ===============================================
 * プログラム
 * =============================================== */
 /*-----------講演者紹介--------------*/
 #program table.itinerary { border: #9D9EA3 solid 1px; width: 100%; margin-top: 30px; margin-bottom: 30px; }
 #program table.itinerary tr th { color: #FFF; padding: 10px 15px; border-right: #FFF solid 1px; border-bottom: #FFF solid 1px; text-align: center; box-sizing: border-box; }
 #program table.itinerary tr th:first-child{ width: 10%; }
 #program table.itinerary tr th:nth-child(2){ width: 45%;}
 #program table.itinerary tr th:last-child { border-right: #9D9EA3 solid 1px;width: 45%; }
 #program table.itinerary tr th { background-color: #aedb73; color: #FFF; padding: 1em 1em; border-bottom: #FFF solid 1px; vertical-align: middle; }
 #program table.itinerary tr:last-child th { border-bottom: #9D9EA3 solid 1px; }
 #program table.itinerary tr td { text-align: left; background: #FFF; padding: 0.5em 0.8em; border-left: #9D9EA3 solid 1px; border-bottom: none; vertical-align: top; }
 #program table.itinerary tr td:first-child{ text-align: center; } 
 #program table.itinerary tr td:first-child { border-left: none; } 

 dl.tisserand { margin-bottom: 1em; margin-top: 1em;}
 dl.tisserand dt{ float: left; width: 30%;}
 dl.tisserand dt img { width: 100%; height: auto;}
 dl.tisserand dd{ margin-left: 35%; font-size: 85%; }
 dl.tisserand::after{ content: ""; display: block; clear: both;}

 /* ===============================================
 * 特定商取引法に基づく表示
 * =============================================== */
table.tokutei { box-sizing: border-box; border-collapse: collapse;background-color: #fff;width: 100%;margin-top: 0px; }
table.tokutei th{ width: 20%; border: 1px solid #333;padding: 1em 2em;background-color: #EEEEEE; color: #134142}
table.tokutei td{border: 1px solid #333;padding: 1em 2em; color: #333; line-height: 1.8;}


 /* ===============================================
 * 演題登録
 * =============================================== */
 /*-----------応募締め切り--------------*/
 .period_day { font-size: 2.5rem; color: crimson; font-weight: 600;}
 table.abstract_tbl { width: 100%; border: 2px solid #aaa; border-collapse: collapse; margin-top: 30px; }
 table.abstract_tbl th { border: 1px solid #aaa; background-color:#F9F9F9; font-weight: 600; padding: 0.5em 1em;  }
 table.abstract_tbl td { border: 1px solid #aaa; padding: 0.5em 1em; background-color: #fff;}
 .abstract_instructions { background-color: #f8faf1; padding: 1.5em;}

 .award dl dt { float: left;}
 .award dl dd { margin-left: 150px; margin-bottom: 0.5em;}
 .a-box { width: 100%; box-sizing: border-box; padding: 2em; background-color: #bde4f5; border: 1px solid #77b7ff;}
 .a-box ul li { margin-bottom: 0.5em;}

 .nyukai_box { width: 97%; box-sizing: border-box; padding: 1.5em; margin-top: 1.5em; background: rgb(255, 255, 255, 0.75);}
 .nagare { width:100%; background-color : lightblue; padding: 2em; border-radius: 15px; }

 /* ===============================================
 * 参加登録
 * =============================================== */
 /*-----------応募締め切り--------------*/

 table.apps_tbl { width: 100%; border: 2px solid #aaa; border-collapse: collapse; margin-top: 30px; }
 table.apps_tbl th { border: 1px solid #aaa; background-color:#F9F9F9; font-weight: 600; padding: 0.5em 1em; text-align: center; }
 table.apps_tbl td { border: 1px solid #aaa; padding: 0.5em 1em; background-color: #fff; text-align: center; }


/* ===============================================
 * よくある質問
 * =============================================== */


.faq_layout ul { margin-top: 50px; margin-bottom: 100px; box-sizing: border-box; width: 100%; padding-left: 2em; }
.faq_layout ul li { margin-bottom: 2em;  }
.faq_layout ul li dl { position: relative; }
.faq_layout ul li dl dt { width: 100%; border-bottom: 2px solid #458C61; color: #458C61; font-weight: 600; font-size: 1.8rem;padding-left: 2em; }
.faq_layout ul li dl dt:before {content: "Q. "; color: #458C61; font-weight: 600; position: absolute; left: 0;  }
.faq_layout ul li dl dd { box-sizing: border-box;width: 100%; padding-left: 2em; }
.faq_layout ul li dl dd:before {content: "A. "; position: absolute; left: 0; color: #CB0404; font-weight: 600;font-size: 1.8rem; }

/* ===============================================
 * 寄付金募集要項
 * =============================================== */
.donation dl dt { font-weight: 600; margin-bottom: 0.25em; color: #5fb200; }
.donation dl dd { margin-bottom: 1.5em; margin-left: 1.5em; }

/* ===============================================
 * 広告募集要項
 * =============================================== */
.advertisement dl dt { font-weight: 600; margin-bottom: 0.25em; color: #5fb200; }
.advertisement dl dd { margin-bottom: 1.5em; margin-left: 1.5em; }

table.tbl_adv{ width: 100%; border: 2px solid #aaa; border-collapse: collapse; box-sizing: border-box; }
table.tbl_adv th { border: 1px solid #aaa; background-color:#CCCCCC; font-weight: 600; padding: 0.3em 0.5em; text-align: center;  }
table.tbl_adv td { border: 1px solid #aaa; padding: 0.3em 0.5em;}
table.tbl_adv td:first-child{ text-align: center;}
table.tbl_adv td:last-child{ text-align: right;}
 
/* ===============================================
 * パスワード再発行
 * =============================================== */
/*-----------パスワード再発行申請--------------*/

.pass_form { width: 1400px;}
.pass_form input { padding:0.5em 1.0em 0.5em 1em; width:18em; border-radius: 5px; background-color: #F8F8F8 !important; border: 1px solid #799CAC;}
.pass_form  select { padding:0.5em 1.0em 0.5em 1em; width:18em; border-radius: 5px; background-color: #F8F8F8 !important; border: 1px solid #799CAC;}
a.contact_button i{ margin-left: 2em;}

table.forgetform { width: 100%; border: 2px solid #aaa; border-collapse: collapse; margin-top: 30px; }
table.forgetform th { border: 1px solid #aaa; background-color:#CCCCCC; font-weight: 600; padding: 1em 2em;  }
table.forgetform td { border: 1px solid #aaa; padding: 1em 2em;}
table.forgetform td ul {display: flex;}
table.forgetform td ul li { margin-right: 2em; }
table.forgetform td ul.seacretq {display:block;}

/* ===============================================
 * 参考
 * =============================================== */
/*-------------レジストレーションフォーム------------------*/
.registform{ margin-top: 50px; margin-bottom: 70px; }
.registform dl { border-top: 1px #ccc solid; padding-top: 2em ; padding-bottom: 2em;}
.registform dl.regyn { border-bottom: 1px #ccc solid; }
.registform dl dt { float: left; font-weight: bolder;}
.registform dl.regyn dt{ margin-top: -0.5em; font-weight: bolder;}

.registform dl dd { margin-left: 300px;}
.registform dl dd ul { display: flex;}
.registform dl dd ul li { list-style: none; margin-right: 2em;}
.registform dl dd ul li input { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; font-weight: bolder; color: #000;}

.registform dl dd ul.emailstyle { display:block; }
.registform dl dd ul.emailstyle li input { width: 30em; }
.registform dl dd ul.emailstyle li input:first-child { margin-bottom: 0.5em; }
.registform dl dd ul.addressstyle { display:block; }
.registform dl dd ul.addressstyle li { margin-bottom: 0.5em; }
.registform dl dd ul.addressstyle li input.addressbutton{ border: none; padding: 0.3em 0.5em 0.3em 0.5em; background-color: inherit;}

.registform dl dd ul li select { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; color: #000;}
.registform dl dd ul li p { line-height: 1.5; color: #666; }

/*-------------料金確認画面------------------*/
.confirmprice { margin-top: 50px; margin-bottom: 50px; font-size: 0.85rem; }
.confirmprice dl { border-top: 1px #ccc solid; padding-top: 1.5em ; padding-bottom: 1.5em;}
.confirmprice dl dt { float: left; font-weight: bolder;}
.confirmprice dl dd { margin-left: 200px;}
.confirmprice dl dd ul { display: flex;}
.confirmprice dl dd ul li { list-style: none; margin-right: 2em;}
.confirmprice dl dd ul li:first-child{ width: 30%; text-align: right; margin-right: 5%;}
.confirmprice dl dd ul li:nth-child(2){ width: 65%;}
.confirmprice dl dd ul li p { font-size: 0.75rem;}
.confirmprice dl dd ul li input { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; font-weight: bolder; color: #000;}
.confirmprice dl dd ul.emailstyle { display:block; }
.confirmprice dl dd ul.emailstyle li input { width: 30em; }
.confirmprice dl dd ul.emailstyle li input:first-child { margin-bottom: 0.5em; }
.confirmprice dl dd ul.addressstyle { display:block; }
.confirmprice dl dd ul.addressstyle li { margin-bottom: 0.5em; }
.confirmprice dl dd ul.addressstyle li input { width: 70%; }
.confirmprice dl dd ul.addressstyle li input.addressbutton{ border: none;  padding: 0.3em 0.5em 0.3em 0.5em; background-color: inherit;}

.confirmprice dl dd ul li select { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; color: #000;}

/*-------------------------------------コンベンションページ------------------------------------------*/

.contents_inner{ display: block; margin-top:-150px; padding-top:150px; }

#pagetitle_bk { width: 100%; background: url(../img/bg_title_cat_area2.jpg) repeat-x center 0 #77b7ff; margin-top: 100px; }
.pagetitle { width: 1200px; margin: 0 auto; height: 100px;display: flex; align-items: center; font-weight: 600; color: #fff; font-size: 3.0rem; }

#pagetitle_bk { width: 100%; background: url(../img/bg_title_cat_area2.jpg) repeat-x center 0 #77b7ff; }
.pagetitle { width: 1200px; margin: 0 auto; height: 100px;display: flex; align-items: center; font-weight: 600; color: #fff; font-size: 3.0rem; }
.confirmprice dl dd ul li p { line-height: 1.5; color: #666; }

/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　登録フォーム　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/*-------------------------------------支払いページ------------------------------------------*/

.payjp-input { border: 1px solid #333; padding: 10px; border-radius: 8px; width: 100%; margin-bottom: 10px; }
#payjp-card-form { max-width: 400px; margin: auto; }
input[type="text"] { padding: 10px; border: 1px solid #333; border-radius: 8px; margin-bottom: 0.5em; }
input[type="email"] { padding: 10px; border: 1px solid #333; border-radius: 8px; margin-bottom: 0.5em; width: 15em; }
input[type="tel"] { padding: 10px; border: 1px solid #333; border-radius: 8px; width: 12em; }

#payjp_checkout_box input[type=button] { padding: 0.8em 2em !important; font-size: 2.0rem !important; }
.wire_btn{padding: 0.8em 2em !important; font-size: 2.0rem !important; border-radius: 2px;
    display: inline-block;
    padding: .5em 1em;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #2FA0DC;
    color: #fff;
    background-color: #198fcc;
    background-image: -webkit-linear-gradient(#35a9e6 0, #319cd3 48%, #2590c7 100%);
    background-image: -moz- oldlinear-gradient(#35a9e6 0,#319cd3 48%,#2590c7 100%);
    background-image: -o-linear-gradient(#35a9e6 0,#319cd3 48%,#2590c7 100%);
    background-image: linear-gradient(#35a9e6 0, #319cd3 48%, #2590c7 100%);
}

/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　マイページ　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/*-------------------------------------ダッシュボード------------------------------------------*/
.mypage_top_menu { margin-top: 3em;}
.mypage_top_menu ul { display: flex; flex-wrap: wrap;}
.mypage_top_menu ul li { width: 30%; margin-right: 5%; box-sizing: border-box; padding: 1.5em; height: 15em; border: 1px solid #aaa; background-color: #d9ebe0; margin-bottom: 1.5em;}
.mypage_top_menu ul li:nth-child(3n) { margin-right: 0;}
.mypage_top_menu ul li dl dt h3 { text-align: center; font-size: 1.8rem; margin-bottom: 1em;}
.mypage_top_menu ul li dl dt p { font-size: 1.5rem; line-height: 1.3;}
.mypage_top_menu ul li dl dt { height: 9em;}
.mypage_top_menu ul li dl dd { text-align: center;}

/** RESPONSIVE BREAKPOINTS タブレット（768px〜1024px）
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/

  @media (min-width: 768px) and (max-width: 1024px) {
	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　レイアウト　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
	/*-------------------------------------基本レイアウト------------------------------------------*/
		#main { width: 90%;  padding-left: 0; padding-right: 0; padding-top: 50px; padding-bottom: 50px; }
		#main:after { content: ""; display: block; clear: both;}
		#contact { width: 100%; padding: 0; margin: 0 auto;}
		footer{ padding: 0;}
		
		.main_title { font-size: 2.7rem; letter-spacing:0; top: 45%; font-weight: 600;  }
		.main_title span { font-size: 1.8rem;text-align: center; line-height: 0.5; font-weight: normal;}

		.fullback h4::after { position: absolute; width: 2em; height: 1px; top: 50%; left: -2em; content: ""; }

	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　マイページ　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
	/*-------------ログイン------------------*/	
		#login_form { width:100%; }
		.form-title { font-size:2.2rem; }
		#login_form .login dl { width:100%; clear:both; margin-top:2em;}
		
		#login_form .login dl dt { float:left; margin-left: 3em; }
		#login_form .login dl dd { margin-left:13em; text-align: left; }
		#login_form .login dl dd input { padding:0.5em 1.0em 0.5em 1em; width:18em; border-radius: 5px; background-color: #D1D9DB; border: 1px solid #799CAC;}

	/*-------------------------------------ダッシュボード------------------------------------------*/
	.mypage_top_menu { margin-top: 3em;}
	.mypage_top_menu ul li { width: 48%; margin-right: 4%; padding: 1em; height: 14em; margin-bottom: 1.5em;}
	.mypage_top_menu ul li:nth-child(3n) { margin-right: inherit;}
	.mypage_top_menu ul li:nth-child(2n) { margin-right: 0;}
	.mypage_top_menu ul li dl dt h3 { font-size: 95%; margin-bottom: 1em;}
	.mypage_top_menu ul li dl dt p { font-size: 90%; line-height: 1.3;}
	.mypage_top_menu ul li dl dt { height: 8em;}
	.mypage_top_menu ul li dl dd { text-align: center;}
		
	/*-------------------------------------コンベンションページ------------------------------------------*/
	/*-------------メニュー------------------*/
		.convention_menu { width: 100%; }
		.convention_menu ul { width: 90%; margin: 0 auto; display: flex; justify-content: space-between ; padding-top: 1em; padding-bottom: 1em;}
		.convention_menu ul li { list-style-type: none; }
		.convention_menu ul li a {color: #fff; }
	}
	


/** RESPONSIVE BREAKPOINTS タブレット縦向き、小型デバイス（600px〜767px）
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/

  @media (min-width: 600px) and (max-width: 767px) {

	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　レイアウト　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
	/*-------------------------------------基本レイアウト------------------------------------------*/
	#main { width: 90%;  padding-left: 0; padding-right: 0; padding-top: 50px; padding-bottom: 50px; }
	#main:after { content: ""; display: block; clear: both;}
	#contact { width: 100%; padding: 0; margin: 0 auto;}
	
	.main_title { font-size: 2.7rem; letter-spacing:0; top: 45%; font-weight: 600;  }
	.main_title span { font-size: 1.8rem;text-align: center; line-height: 0.5; font-weight: normal;}

	.fullback h4::after { position: absolute; width: 2em; height: 1px; top: 50%; left: -2em; content: ""; }
	
	
	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　マイページ　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
	/*-------------ログイン------------------*/	
	#login_form { width:100%; }
	.form-title { font-size:2.2rem; }
	#login_form .login dl { width:100%; clear:both; margin-top:2em;}
	
	#login_form .login dl dt { float:left; margin-left: 3em; }
	#login_form .login dl dd { margin-left:13em; text-align: left; }
	#login_form .login dl dd input { padding:0.5em 1.0em 0.5em 1em; width:18em; border-radius: 5px; background-color: #D1D9DB; border: 1px solid #799CAC;}
	
	/*-------------------------------------ダッシュボード------------------------------------------*/
	.mypage_top_menu { margin-top: 3em;}
	.mypage_top_menu ul li { width: 48%; margin-right: 4%; padding: 1em; height: 14em; margin-bottom: 1.5em;}
	.mypage_top_menu ul li:nth-child(3n) { margin-right: inherit;}
	.mypage_top_menu ul li:nth-child(2n) { margin-right: 0;}
	.mypage_top_menu ul li dl dt h3 { font-size: 95%; margin-bottom: 1em;}
	.mypage_top_menu ul li dl dt p { font-size: 90%; line-height: 1.3;}
	.mypage_top_menu ul li dl dt { height: 8em;}
	.mypage_top_menu ul li dl dd { text-align: center;}
	
/*-------------------------------------コンベンションページ------------------------------------------*/
/*-------------メニュー------------------*/
	.convention_menu { width: 100%; }
	.convention_menu ul { width: 90%; margin: 0 auto; display: flex; justify-content: space-between ; padding-top: 1em; padding-bottom: 1em;}
	.convention_menu ul li { list-style-type: none; }
	.convention_menu ul li a {color: #fff; }
  }


  
/** RESPONSIVE BREAKPOINTS スマホ向けスタイル（〜599px）
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/
  
  @media (max-width: 599px) {
	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　レイアウト　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
		/*-------------------------------------基本レイアウト------------------------------------------*/
		html{ font-size: 100%;}
		#main { width: 90%;  padding-left: 0; padding-right: 0; padding-top:3em; padding-bottom: 3em;}
		#contact .primary { font-size: 100%;}
		.applicationform{ margin-top: 2em; width: 100%;  font-size: 0.815rem; margin-bottom: 2em;}
		
		#index-img { margin-top:4em; }

		/*-------------------------------------PC/タブレット/スマホ表示切替-----------------------------------*/
		.img_pc { display: none; }
		.img_mid { display: none; }
		.img_mb { display: block; }
		.table_flow { overflow-x: auto;}



	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　TIPS　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
	/*-------------------------------------パーツ------------------------------------------*/
	
		.table_area{ overflow-x:scroll; }

	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　オリジナルレイアウト　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
	/*------------------------問い合わせ--------------------------*/
	   .toiawase ul{ display:block;}
	   .toiawase ul li{ width: 100%; margin-right: 0; margin-top: 2em; }
	   .toiawase ul li dl dt { height:inherit;}
	   .toiawase ul li dl dd { font-size: 100%; }
	   .toiawase h5 { font-size: 110%;}



	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　ヘッダーエリア　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
		.submitbtn { font-size: 100%;}
		
		#main-img { width: 100%; max-height: 600px; margin-top:50px; }
		.main_title { font-size: 130%; line-height: 1.5; top:30%; font-weight: 600; }
		.main_title span { font-size: 50% ; line-height: 1.2; font-weight: normal; margin-bottom: 0; }
		
		#menu_flow { overflow-x: auto; background: linear-gradient(-60deg, #473b7b, #3584a7, #3e888f, #3584a7, #473b7b);}
		.convention_menu { width:750px; overflow-x: auto; }
		.convention_menu ul { width:inherit; margin: 0 auto; display: flex; justify-content:flex-start; padding-top: 1em; padding-bottom: 1em;}
		.convention_menu ul li { list-style-type: none; margin-left: 2em; }
		.convention_menu ul li a {color: #fff; }
		
	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　申込フォーム　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

	/*-------------お申し込みフォーム------------------*/
		.applicationform{ margin-top: 2em; margin-bottom: 2em; font-size: 90%; }
		.applicationform dl dt { float:inherit; font-weight: bolder; margin-bottom: 0.8em;}
		.applicationform dl dd { margin-left: 0;}
		.applicationform dl dd ul { display: flex;}
		.applicationform dl dd ul li { font-size: 75%;}	
		.applicationform dl dd ul li input { border: #cadae4 1px solid; padding:0.3em 0.5em ; }
		.applicationform dl dd ul.emailstyle { display:block; }
		.applicationform dl dd ul.emailstyle li input { width: 50%; }
		.applicationform dl dd ul.emailstyle li input:first-child { margin-bottom: 0.5em; }
		.applicationform dl dd ul.addressstyle li input{ width: 70%;}
		.applicationform dl dd ul.addressstyle li input.addressbutton{ width: inherit; border: none;  padding: 0.3em 0.5em ; background-color: inherit;}
	
	/*-------------レジストレーションフォーム------------------*/
		.registform{ margin-top: 3em; margin-bottom: 3em; background-color: #ff0; }
		.registform dl dt { float:inherit; width: 100%; font-weight: bolder;}
		.registform dl.regyn dt{ margin-top: -0.5em; font-weight: bolder;}
		.registform dl dd { margin-left: 0; width: 100%;}
		.registform dl dd ul { display: flex;}
		.registform dl dd ul li { list-style: none; margin-right: 1em;}
		.registform dl dd ul li input { border: #cadae4 1px solid; padding:0.3em 0.5em; }
		.registform dl dd ul.emailstyle { display:block; }
		.registform dl dd ul.emailstyle li input { width: 50%; }
	
	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　マイページ　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
	/*-------------パスワード設定/ログインフォーム------------------*/
		#login_form { box-sizing: border-box; width:100%; padding-left:2em; padding-right:2em; margin: 1em auto; margin-bottom: 5em; }
		.form-title { font-size:150%; }
		#login_form .login dl { margin-top:2em;}
		
		#login_form .login dl dt { float:inherit; margin-left: 0; width: 100%; text-align: left;}
		#login_form .login dl dd { margin-left:0; text-align: left; width: 100% }
		#login_form .login dl dd input { padding:0.5em 1.0em 0.5em 1em; border-radius: 5px; background-color: #D1D9DB; border: 1px solid #799CAC; width: 70%;}

	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　コンテンツ　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
	
	/*-------------------------------------トップページ------------------------------------------*/	
	.whatsnew { box-sizing: border-box; width: 100%; padding-left: 1em; padding-right: 1em; padding-top: 1em; padding-bottom: 1em;}
	.whatsnew dl {padding:0; padding-bottom: 1em;}
	.whatsnew dl dt { float: inherit; width: 100%; font-size: 85%; }
	.whatsnew dl dd { margin-left: 0; width: 100%; margin-bottom: 0.5em;}
	.whatsnew_linkall { font-size: 90%; }

	#main h3 { font-size: 95% !important;}
	
	
	fieldset.whatsnew_l { padding: 1em;}
	fieldset.whatsnew_l legend { padding-left: 1em ; padding-right: 1em; font-size: 100%; }
	fieldset.whatsnew_l dl dt { float:inherit; width: 100%; margin-bottom: 0em; font-size: 80%;}
	fieldset.whatsnew_l dl dd { margin-left: 0; margin-bottom: 1em; font-size: 90%; }
	fieldset.whatsnew_l p{ font-size: 80%; }
	
	.fullback h4::after { left: -3em; }
	
	.gaiyo { margin-top: 2em; margin-bottom: 3em; }
	.gaiyo .intro { font-size: 100%;}
	.gaiyo h3 { margin-bottom: 2em; }
	.gaiyo > dl { margin-top: 3em; margin-bottom: 3em; font-size: 100%; }
	.gaiyo > dl > dt { float:inherit; width: 100%;}
	.gaiyo > dl > dd { margin-left: 0; margin-bottom: 1.5em; }
	.gaiyo > dl > dd > dl > dt { float: left; }
	.gaiyo > dl > dd > dl > dd  { margin-left: 7em; margin-bottom: 0.5em; }
	
	.gaiyo > ul { margin-top: 2em; margin-bottom: 2em;  }
	.gaiyo > ul > li { margin-bottom: 0.8em; }
	
	.gaiyo .presen_format { padding: 1em 2em 1em 1em; margin-bottom: 1.5em; }
	
	.oboki_photo {width: 50%; padding-right: 2em; padding-bottom: 1em;}

	dl.index_outline dt { float:inherit; font-weight: 600;}
	dl.index_outline dd { margin-left: 0; margin-bottom: 0.75em;}

	/*--------------登録代金------------------*/
	table.registfee_tbl { box-sizing:border-box; margin-top: 3em; font-size: 90%; }
	table.registfee_tbl th { padding: 0.2em 0.3em; letter-spacing: 0; }
	table.registfee_tbl td { padding: 0.2em 0.3em;}

	/* ===============================================
	 * ご挨拶
	 * =============================================== */
	 .greeting{ padding: 1em;}
	 .greeting dl dt { float: left; width: 40%; padding-right: 1em; padding-bottom: 1em; }
	 .greeting dl dd h4 { margin-left: inherit; margin-bottom: 0.5em; font-size: 100%; }
	 .greeting dl dd h4::before{ width: 60%; margin-left: 40%;}
	 .greeting dl dd .greeting_presenter_title { font-size: 95%;}
	 .greeting dl dd .greeting_presenter { font-size: 110%; margin-bottom: 1em;}
	/* ===============================================
	 * 開催概要
	 * =============================================== */
	 /*-----------開催概要--------------*/
	 #outline { margin-top: 1em; margin-bottom: 1em;}
	 #outline dl{ padding-top: 1em; padding-bottom: 1em; }
	 #outline dl dt { float: left;}
	 #outline dl dd { margin-left: 5em}

	 /* ===============================================
	  * 講演者紹介
	  * =============================================== */
	  /*-----------講演者紹介--------------*/
	  ul.presenter{ display: flex; flex-wrap: wrap;}
	  ul.presenter li { width: 100%;margin-right: 0;}
	  ul.presenter li:nth-child(3n){ margin-right: 0;}
	  ul.presenter li dl dt { float: left; width: 40%;}
	  ul.presenter li dl dd { margin-left:45%; width: 55%; box-sizing: border-box; padding: 0;}
	  ul.presenter li dl dd h5 { font-size: 100%;}
	  ul.presenter li dl dd .aff { font-size: 100%; font-weight: normal; line-height: 1.2;}
	  ul.presenter li dl dd .presenter_comment { font-size: 90%; font-weight: normal; line-height: 1.2;}

	/* ===============================================
	 * プログラム
	 * =============================================== */
	 /*-----------講演者紹介--------------*/
	 #program table.itinerary { width: 900px; margin-top: 1em; margin-bottom: 0; }
	 #program table.itinerary tr th { padding: 0.3em 0.5em; }
	 #program table.itinerary tr td { padding: 0.3em 0.5em; }

	 dl.tisserand { margin-bottom: 2em; margin-top: 2em;}
	 dl.tisserand dt{ float: left; width: 50%;}
	 dl.tisserand dd{ margin-left: 55%; }

	 /* ===============================================
	  * 演題登録
	   * =============================================== */
	 /*-----------応募締め切り--------------*/
	 .period_day { font-size: 110%; }
	 .award dl dt { float: left;}
	 .award dl dd { margin-left: 150px; margin-bottom: 0.5em;}
	 .a-box { padding: 1em;}
	 .a-box h5 { margin-top: 0; margin-bottom: 0.5em;}
	 .a-box ul li { margin-bottom: 0.5em;}
	 .nyukai_box { padding: 0.75em; margin-top: 0.75em; font-size: 80%; }
	 table.abstract_tbl { margin-top: 1em; }
	 table.abstract_tbl th { padding: 0.3em 0.5em; }
	 table.abstract_tbl td { padding: 0.3em 0.5em; }
	 .abstract_instructions { padding: 0.75em;}
	 .abstract_instructions h5 { margin-top: 0; margin-bottom: 0.5em;}
	 .nagare { width:100%; background-color : lightblue; padding: 1em; font-size: 85%; }

	 /* ===============================================
	  * 広告募集要項
	   * =============================================== */
	   table.tbl_adv{ font-size: 90%; }
	   table.tbl_adv th { font-weight: 600; padding: 0.2em 0.3em; }
	   table.tbl_adv td { padding: 0.2em 0.3em;}

	 /* ===============================================
	  * 参加登録
	  * =============================================== */
	  /*-----------応募締め切り--------------*/
	  table.apps_tbl { width: 720px; margin-top: 1em; font-size: 85%; }
	  table.apps_tbl th { padding: 0.3em 0.5em; }
	  table.apps_tbl td { padding: 0.3em 0.5em; }

	  /*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	  □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　マイページ　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	  □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
	  /*-------------------------------------ダッシュボード------------------------------------------*/
	  .mypage_top_menu { margin-top: 3em;}
	  .mypage_top_menu ul { display: block;}
	  .mypage_top_menu ul li { width: 100%; margin-right: 0; padding: 1em; height: 12em; margin-bottom: 1.5em;}
	  .mypage_top_menu ul li dl dt h3 { font-size: 95%; margin-bottom: 1em;}
	  .mypage_top_menu ul li dl dt p { font-size: 90%; line-height: 1.3;}
	  .mypage_top_menu ul li dl dt { height: 6em;}
	  .mypage_top_menu ul li dl dd { text-align: center;}
	
}