@charset "utf-8";


/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　レイアウト　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/*-----------基本レイアウト--------------------------------------------------------------------*/
#wrap { position: relative; width: 100%; }
#header { height: 130px; background: #ff0; }
#wrapper { width: 100%; margin: 0 auto; }
main { width: 90%; max-width: 1200px; margin: 0 auto 0; z-index: 80; position:relative; box-sizing: border-box; padding-top: 80px; padding-bottom: 80px;}
footer { width:100%;max-width: 1200px; margin: 0 auto; padding: 50px 0;}

#index-img { width: 100%; position: relative; overflow: hidden; background-color: #1f2f54; margin-top:100px; }
#index-img img { width: 100%; max-width: 1600px; height: auto; display: block; margin: 0 auto;}

#main-img { width: 100%; max-height: 600px; position: relative; overflow: hidden; }
#main-img img { width: 100%; height: auto; display: block; margin: 0 auto;}
#sub-img { width: 100%; max-height: 200px; position: relative; overflow: hidden; }
#sub-img img { width: 100%; height: auto; display: block; margin: 0 auto;}

ul.banner { margin-top: 50px; display: flex; flex-wrap: wrap;}
ul.banner li { width: 30%; margin-right: 5%; margin-bottom: 1em;}
ul.banner li img { width: 100%; height: auto;}
ul.banner li:nth-child(3n) { margin-right: 0;}

li#contact{ list-style-type: none;}

.err_box { width: 100%; box-sizing: border-box; background-color: #ffbdc6; color: #a50003; border: 1px solid #a50003; padding: 1em; margin-top: 1em; margin-bottom: 1em; }
.green_box { width: 100%; box-sizing: border-box; background-color: #cbe0ca; color: #064729; border: 1px solid #064729; padding: 1em; margin-top: 1em; margin-bottom: 1em;text-align: center; }
.beige_box { width:100%; background-color : beige; padding: 2em; border-radius: 15px; }
/*-----------PC/タブレット/スマホ表示切り替え--------------------------------------------------------------------*/
.mbimg { display:none; }
@media screen and (min-width:721px) {
	.mb_img { display: none;}
}

@media screen and (max-width:720px) {
	.pc_img { display: none;}
}

.brmid { display: none;}

/*-----------PC/タブレット/スマホ画像切り替え--------------------------------------------------------------------*/
.img_pc { display: block; }
.img_mid { display: none; }
.img_mb { display: none; }

/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　オリジナルテンプレート　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/


/*------------------------ボタン横並びレイアウト--------------------------*/
.select_space{ margin-top: 2em; margin-bottom: 2em; }
.select_space ul { display: flex; }
.select_space ul li { margin-right: 2em; }
.select_space ul li button { width: 15em; }


/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　TIPS　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/


/*-------------------------------------メッセージ------------------------------------------*/
.err_msg { color: #f00; }
.app_err_msg { color: #f00; font-size: 1.0rem; font-weight: bolder; text-align: center; margin-top: 80px; margin-bottom: 20px;}
.required { color: #f00; font-weight: bolder;}


/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　ボタン　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/*----------------------------------------色付きグラテーションボタン--------------------------*/
/*------------------------青--------------------------*/
button.btn_blue { margin-right: auto; margin-left: auto; box-sizing: border-box; color: #fff; border: 1px solid #1b489c; border-radius: 1rem;  background: #1b489c; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #1b489c), to(#7cc6ee)); 
	background: -webkit-linear-gradient(bottom, #1b489c 50%, #7cc6ee 100%); 
	background: linear-gradient(0deg, #1b489c 50%, #7cc6ee 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}
/*------------------------緑--------------------------*/
button.btn_green { margin-right: auto; margin-left: auto; box-sizing: border-box; color: #fff; border: 1px solid #1b7e40; border-radius: 1rem; background: #1b7e40; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #1b7e40), to(#20b958)); 
	background: -webkit-linear-gradient(bottom, #1b7e40 50%, #20b958 100%); 
	background: linear-gradient(0deg, #1b7e40 50%, #20b958 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}
/*------------------------オレンジ--------------------------*/
button.btn_orange { margin-right: auto; margin-left: auto; box-sizing: border-box; color: #fff; border: 1px solid #df550f; border-radius: 1rem;  background: #df550f; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #df550f), to(#f4a01f)); 
	background: -webkit-linear-gradient(bottom, #df550f 50%, #f4a01f 100%); 
	background: linear-gradient(0deg, #df550f 50%, #f4a01f 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}
/*------------------------赤--------------------------*/
button.btn_red { margin-right: auto; margin-left: auto; box-sizing: border-box; color: #fff; border: 1px solid #f00 ; border-radius: 1rem;  background: #f00; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f00), to(#FF839E)); 
	background: -webkit-linear-gradient(bottom, #f00 50%, #FF839E 100%); 
	background: linear-gradient(0deg, #f00 50%, #FF839E 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}
/*------------------------グレー--------------------------*/
button.btn_gray { margin-right: auto; margin-left: auto; box-sizing: border-box; color: #333; border: 1px solid #aaa; border-radius: 1rem;  background: #aaa; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #aaa), to(#F6F6F6)); 
	background: -webkit-linear-gradient(bottom, #aaa 50%, #F6F6F6 100%); 
	background: linear-gradient(0deg, #aaa 50%, #F6F6F6 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}
/*------------------------スカイ-------------------------*/
button.btn_sky { margin-right: auto; margin-left: auto; box-sizing: border-box; color: #fff; border: 1px solid #46bad3; border-radius: 1rem;  background: #aaa; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #46bad3), to(#77dae7)); 
	background: -webkit-linear-gradient(bottom, #46bad3 50%, #77dae7 100%); 
	background: linear-gradient(0deg, #46bad3 50%, #77dae7 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}
/*------------------------パープル-------------------------*/
button.btn_purple { margin-right: auto; margin-left: auto; box-sizing: border-box; color: #fff; border: 1px solid #933f8c; border-radius: 1rem;  background: #aaa; 
	background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #933f8c), to(#c39dc2)); 
	background: -webkit-linear-gradient(bottom, #933f8c 50%, #c39dc2 100%); 
	background: linear-gradient(0deg, #933f8c 50%, #c39dc2 100%); 
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1); 
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
}
/*------------------------エメラルド-------------------------*/
button.btn_emerald { margin-right: auto; margin-left: auto; box-sizing: border-box; width: 75%; color: #fff; border-radius: 1rem; background: #00CC99; cursor: pointer;border: 1px solid #00CC99;}

/*------------------------ボタンのフォント-------------------------*/
.ft_title {font-size: 3.5rem;}
.ft_big {font-size: 2.5rem;}
.ft_mid {font-size: 1.8rem;}
.ft_normal {font-size: 1.6rem;}
.ft_small {font-size: 1.4rem;}
.ft_xsmall {font-size: 1.3rem;}
/*------------------------ボタンの大きさ-------------------------*/
.btn_bigsmall {padding: 0.7em 1.5em;}
.btn_big {padding: 0.7em 3em;}
.btn_mid {padding: 0.7em 2em;}
.btn_normal {padding: 0.5em 1em;}
.btn_small {padding: 0.25em 0.5em;}
.btn_xsmall {padding: 0.1em 0.25em;}


/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　トップヘッダー　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/*------------------------画像エリア-------------------------*/
#main_title_area{  width: 90%; max-width: 1200px; height: 100%;	position: absolute;	top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content:flex-start; align-items: center; z-index: 100; }
.main_title { font-size: 4.0rem; letter-spacing:0; color: #fff; z-index: 999; font-weight: 500; line-height: 1.8; text-shadow: 3px 3px 3px #333; }
.main_title span { font-size: 2.4rem;text-align: center; line-height: 0.5;}

#main-img .tips { position: fixed; bottom: 30px; right: 30px; width: 11vw; max-width: 250px; min-width: 150px; animation: tips-shake 2s ease infinite; z-index: 99; }
.bg_mask{ background:  linear-gradient(0deg, rgba(222,183,239,0.3) 10%, rgba(0,0,0,0.9) 100%); position: absolute; top: 0 ;left: 0; z-index: 98; width: 100%; height: 100%; line-height: 0; text-align: center; }

.main_mask{ background: rgba(0,0,0,0.4) ; position: absolute; top: 0 ;left: 0; z-index: 98; width: 100%; height: 100%; line-height: 0; text-align: center; }

#main-img .main_title h2 { font-size: 4.0rem; color: #fff; font-weight: 600; }
#main-img .main_title h3 { font-size: 2.5rem; color: #fff; margin-top: 1em; margin-bottom: 1em; }
#main-img .main_title h5 { font-size: 2.1rem; letter-spacing:0; color: #fff; margin-top: 1em; margin-bottom: 0.5em;}

#sub-img .main_title h2 { font-size: 2.5rem; letter-spacing:0; color: #fff; font-weight: 600; }
#sub-img .main_title h3 { font-size: 2.0rem; letter-spacing:0; color: #fff;  }
#sub-img .main_title h5 { font-size: 2.0rem; letter-spacing:0; color: #fff; margin-top: 1em; margin-bottom: 0.5em;}

/*-------------メニュー------------------*/
.convention_menu { width: 100%; background: linear-gradient(-60deg, #473b7b, #3584a7, #3e888f, #3584a7, #473b7b); background-size: 300% 300%; animation: AnimationName 15s ease infinite; position: relative; margin-top: 0; z-index: 7776;}
.convention_menu ul { width: 1200px; 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; }

/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　フッター　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

 footer .title { font-size: 1.25rem; font-weight: bold; letter-spacing: .05em; margin-bottom: 1.5rem; }
 footer .logo { width: 250px; margin: 0 auto; }
 footer > ul.contact { width: 100%; display: flex; justify-content: center; margin-bottom: 2em; }
 footer > ul.contact li {width: 50%; padding: 0; box-sizing: border-box; text-align: left; }
 footer > ul.contact li a { color: #fff; text-decoration: underline; }

 footer > ul.contact_link { width: 100%; display: flex; justify-content:space-around; }
 footer > ul.contact_link li { padding: 0 1rem; box-sizing: border-box; text-align: left; text-align: center; }
 footer > ul.contact_link li a { color: blue; text-decoration: underline; }

 /*------------------------問い合わせ--------------------------*/
.toiawase { width: 90%; margin-left: 5%; background-color: rgb(255, 255, 255,0.8); padding: 2em; border-radius: 10px; }
.toiawase ul{ display: flex; list-style-type: none;}
.toiawase ul li{ width: 30%; margin-right: 5%; margin-top: 2em; }
.toiawase ul li:nth-child(3){ margin-right: 0; }
.toiawase ul li dl{ border: 1px solid #18253D; }
.toiawase ul li dl dt { box-sizing: border-box; width: 100%; padding: 1em 2em; color: #fff; background-color: #18253D; height: 5em; font-weight: normal;}
.toiawase ul li dl dd { box-sizing: border-box; width: 100%; padding: 1em 2em; background-color: #fff; font-size: 1.6rem; }
.toiawase h5 { color: #fff; margin-bottom: 0; font-size: 2.0rem;}
.primary h4::after { background-color: #fff; }
 
 #bottom-label { width: 100%; padding: .5rem 0; background-color: #101217; color: #fff; text-align: center; font-size: 1.3rem; }
 #bottom-label ul.link { display: flex; justify-content: center; margin-bottom: .25rem; }
 #bottom-label ul.link li { padding: 0 1rem; border-right: 1px solid #fff; }
 #bottom-label ul.link li:last-child { border-right: none; }
 #bottom-label ul.link li a { color: #fff; }
 



/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　テーブル　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/


table.details{border-collapse: collapse;background-color: #fff;width: 100%;margin-top: 0px; font-size: 0.815rem;}
table.details th{border: 1px solid #333;padding: 10px 20px;background-color: #EEEEEE; color: #134142}
table.details td{border: 1px solid #333;padding: 5px 10px; color: #333;}

.app_coution { font-size: 0.85rem; line-height: 1.6;}
input::placeholder  {color: #bbb;}

/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　フォント/文章　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/


/*-------------文章/インデント-----------------*/
.intro p { text-indent: 1em;}

#main h3 { font-size: 1.8rem !important; color: #333;}


/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　グローバルメニュー　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
@media (min-width: 600px) {
	#mb_logo { display: none;}

	ul#top_menu #logo { display: block; position: absolute; top:15px; left: 50px; width: 300px; }
	ul#top_menu #logo img { width: 100%; height: auto;}

    ul#top_menu{ background-color: #fff; width: 100%;  list-style-type: none; box-sizing: border-box; height: 80px; display: flex; align-items: center; justify-content: flex-end; padding-right: 1em; z-index: 1111; transition: .7s;}
	ul#top_menu li { position: relative; margin: 0; padding: 5px 10px; text-align: center; }
	ul#top_menu li i { font-size: 1.3rem; margin-left: 4px; }
	ul#top_menu li a { display: block; margin: 0; padding: 6px 0; color: #1E213F; line-height: 1; text-decoration: none; }
	ul#top_menu li a:hover { color: #A5A5A5; }
	ul#top_menu li > ul { list-style: none; position: absolute; z-index: 100; top: 100%; left: 10px; width: 120%; margin: 0; padding: 0; }
	ul#top_menu li > ul > li { overflow: hidden; width: 220px; height: 0; padding: 0; color: #fff; transition: .2s; border-right: none; }
	ul#top_menu li > ul > li a { padding: 10px; background-color: rgba(0, 38, 64, 1.0); text-align: left; font-weight: normal; color: #fff; }


	ul#menu { background-color: #5fb200; list-style-type: none; width: 100%; box-sizing: border-box; height: 50px;  }
    ul#menu > #global_menu { width: 90%;max-width:1200px; margin: 0 auto; height: 100%;; display: flex; align-items: center; justify-content:space-between; padding-right: 1em; z-index: 1111; transition: .7s; }
	ul#menu > #global_menu > li { position: relative; margin: 0; padding: 5px 10px; text-align: center; }

	ul#menu > #global_menu > li i { font-size: 1.3rem; margin-left: 4px; }
	ul#menu > #global_menu > li a { display: block; margin: 0; padding: 6px 0; color:#fff; line-height: 1; text-decoration: none; }
	ul#menu > #global_menu > li a:hover { color: #A5A5A5; }
	ul#menu > #global_menu > li > ul { list-style: none; position: absolute; z-index: 100; top: 100%; left: 10px; width: 120%; margin: 0; padding: 0; }
	ul#menu > #global_menu > li > ul > li { overflow: hidden; width: 220px; height: 0; padding: 0; color: #fff; transition: .2s; border-right: none; }
	ul#menu > #global_menu > li > ul > li a { padding: 10px; background-color: rgba(0, 38, 64, 1.0); text-align: left; font-weight: normal; color: #fff; }
	
    #menu.fixed { position: fixed; padding: 5px 20px; box-shadow: 0 2px 2px rgba(0,0,0,0.1);z-index: 7777; top:0; }
	#menu.fixed > li a { color: #000; cursor: pointer;}
	#menu.fixed > li.mypage a { color: #fff; cursor: pointer;}
	#menu.fixed > li a.button { border: 1px solid #fff; padding: 10px 22px; font-size: 12px; }
	#menu.fixed > li img { transform: scale(0.8); }
	#menu.fixed > li .fixed-none { display: none; }
	#menu.fixed > li .fixed-block { display: block !important; }
	#menu.fixed > li.mypage { border-color: #fff; }
	
	#menu.fixed > li.mypage:hover { background-color: #fff; }
	#menu.fixed > li.mypage:hover a { color: #fff; }
	#menu.fixed > li ul li a { color: #fff; }
	#menu li:hover li:hover a { color: #fff; }
	#menu li:hover ul li { overflow: visible; height: 4em; background-color: rgba(0, 38, 64, 1.0);border-bottom: 1px #aaa dotted; display: flex; align-items: center; }
	
	
	#menu > #logo2 { display: none; }
	#menu.fixed > #logo { display: none; }
	#menu.fixed > #logo2 { display: block; }
	#menu > #logo img { width: 100%; height: auto; }
	#menu > #logo2 img { width: 100%; height: auto; }
}

@media (min-width: 1025px) {
	#menu > li { font-size: 1.4rem; }
	

}
	
@media (min-width: 600px) and (max-width: 920px) {
	#menu { display: flex; justify-content: flex-end; align-items:flex-end; }
	#menu li { font-size: 1.2rem; padding: 5px 5px; }
	ul#menu > #global_menu { width: 100%;display: flex; align-items: center; justify-content:space-between; padding-right: 0.5em; }
	ul#menu > #global_menu > li { padding: 3px 5px;; }

	#main-img .main_title h2 { font-size: 2.5rem; }
	#main-img .main_title h3 { font-size: 2.0rem; margin-top: 0.25em; margin-bottom: 0.2em; }
	#main-img .main_title h5 { font-size: 1.8rem; margin-top: 0.25em; margin-bottom: 0.2em;}
	
	#logo { position: fixed; width: 200px; z-index: 88888; left:1em; top:1em; }
	#logo2 { position: fixed; width: 200px; z-index: 88888; left:1em; top:1em; }
	#logo img { width: 100%; height: auto; }
	
}


/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　パララックス　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

.parallax-window { min-height: 800px; background: transparent; }
.parallax-slider { top: 0; left: 0; }

/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　お申し込みフォーム　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/*-------------お申し込みフォーム------------------*/
.applicationform{ margin-top: 50px; margin-bottom: 50px; font-size: 1.5rem; }
.applicationform dl { border-top: 1px #ccc solid; padding-top: 1.5em ; padding-bottom: 1.5em;}
.applicationform dl dt { float: left; font-weight: bolder;}
.applicationform dl dd { margin-left: 200px;}
.applicationform dl dd ul { display: flex;}
.applicationform dl dd ul li { list-style: none; margin-right: 2em;}
.applicationform dl dd ul li p { font-size: 1.2rem;}
.applicationform dl dd ul li input { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #F8F8F8; color: #000;}
.applicationform dl dd ul.emailstyle { display:block; }
.applicationform dl dd ul.emailstyle li input { width: 30em; }
.applicationform dl dd ul.emailstyle li input:first-child { margin-bottom: 0.5em; }
.applicationform dl dd ul.addressstyle { display:block; }
.applicationform dl dd ul.addressstyle li { margin-bottom: 0.5em; }
.applicationform dl dd ul.addressstyle li input { width: 70%; }
.applicationform dl dd ul.addressstyle li input.addressbutton{ border: none;  padding: 0.3em 0.5em 0.3em 0.5em; background-color: inherit;}

.applicationform dl dd ul li select { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #F8F8F8; color: #000;}
.applicationform dl dd ul li p { line-height: 1.5; color: #666; }
.applicationform dl dd textarea { width: 100%; border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #F8F8F8;color: #000; }

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

/*-------------ログイン------------------*/
.loginarea{ float: right; margin-right: 0 ; margin-top: 0; background-color: #1634A8; }
.loginbutton { font-size: 1.3rem; padding: 0.5em 1.5em 0.5em 1.5em; color: #fff; display:inline-block; right: 0; left:1em; 
	border-radius:15px;background: linear-gradient(90deg, #f93 20%, #ff7166 80%); }
.loginbutton a{ text-decoration: none; color: #fff !important;}
.loginbutton:hover{ background-color: rgba(0,0,0,1.0); color: #fff;}
.loginbutton a:hover{ color: #fff;}
#login_form { box-sizing: border-box; width: 40em; background-color: #fff; padding-top: 2em; padding-bottom: 2em; padding-left: 2em; padding-right: 2em; box-shadow: 0 11px 34px 0 rgba(0, 0, 0, .2); margin: 0.5em auto; border-radius: 10px 10px 10px 10px; text-align: center; margin-bottom: 100px; }
.form-title { font-size:3.0rem; border-bottom:2px solid #333; padding-bottom:0.5em; font-weight:bolder; margin-bottom: 2em;}
#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: #F8F8F8 !important; border: 1px solid #799CAC;}
#login_form .login dl dd select { padding:0.5em 1.0em 0.5em 1em; width:18em; border-radius: 5px; background-color: #F8F8F8 !important; border: 1px solid #799CAC;}


.login .submit { margin-top: 2em; margin-bottom: 1em; }
/*-------------ログイン------------------*/
ul#mypage_layout { display: flex; }
ul#mypage_layout > li#sidemenu { background-color: #2F3142; width: 320px;box-sizing: border-box; padding: 0px 0px 80px 0px; }
ul#mypage_layout > li#sidemenu a{ color: #fff;}
ul#mypage_layout > li#sidemenu > ul > .bottom-line > li { border-bottom: 1px solid #c6d0da; font-size: 1.0rem;box-sizing: border-box; padding: 1em 2em 1em 2em; }
ul#mypage_layout > li#sidemenu > ul > .bottom-line > li ul li { padding: 1em 2em 0em 2em;font-size: .812rem;}
ul#mypage_layout > li#sidemenu > ul > .bottom-line > li ul li:before{ content: "> "; color: #fff; }
ul#mypage_layout > li:nth-child(2){ width: 100%;}
ul#mypage_layout > li:nth-child(2) #mypage_content{ max-width: 1200px; margin: 0 auto;}
#contact .my_primary { box-sizing: border-box;  padding: 0 3rem;  font-size: .812rem; line-height: 1.8; margin: 0 auto; max-width: 1200px;}


/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　管理サイト　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/*-------------ログインページ------------------*/
	#login_form .admin_login { text-align: left; padding-top: 2em; padding-bottom: 1em;}
	#login_form .admin_login dl dt { float:inherit; margin-left: 0; font-size: 0.7rem; }
	#login_form .admin_login dl dd { margin-left:0; text-align: left; margin-bottom: 1em; }
	#login_form .admin_login dl dd input { padding:0.5em 1.0em 0.5em 1em; width:18em; border-radius: 5px; background-color: #D1D9DB; border: 1px solid #799CAC;}


/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　データアップロード　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/*-------------ドロップゾーン------------------*/

#drop-zone { width: 100%; padding: 1em; background-color: #E6E6E6; box-sizing: border-box; }
.upload_area { margin: auto; width: 100%; position: relative; border: 1px dotted rgba(0, 0, 0, .4);text-align: center; }
.upload_area i { position:relative; font-size: 50px; opacity: .1; width: 100%; }
#abstract { top: 0; left: 0; position: absolute; width: 100%; height: 100%; opacity: 0; }
#banner { top: 0; left: 0; position: absolute; width: 100%; height: 100%; opacity: 0; }
#poster { top: 0; left: 0; position: absolute; width: 100%; height: 100%; opacity: 0; }
#petition { top: 0; left: 0; position: absolute; width: 100%; height: 100%; opacity: 0; }
.upload_btn {opacity: 0; height: 0;}
.attachedfile { color: #000; font-weight: 600; background-color: #D6D6D6; padding: 0.3em 1em; border-radius: 5px; margin-top: 0.8em; display: inline-block; }
#presenfile { top: 0; left: 0; position: absolute; width: 100%; height: 100%; opacity: 0; }




/** 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: 3em 5%; 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;}
		
	/*-------------------------------------コンベンションページ------------------------------------------*/
	/*-------------メニュー------------------*/
		.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: 3em 5%; 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;}
	
/*-------------------------------------コンベンションページ------------------------------------------*/
/*-------------メニュー------------------*/
	.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) {
	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　レイアウト　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
		/*-------------------------------------PC/タブレット/スマホ表示切替-----------------------------------*/
		.img_pc { display: none; }
		.img_mid { display: none; }
		.img_mb { display: block; }
		.table_flow { overflow-x: auto;}
		/*-------------------------------------基本レイアウト------------------------------------------*/
		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; }
		#top_menu {display: none;}
		.beige_box { width:100%; background-color : beige; padding: 1em; font-size: 90%; }

		/*-------------------------------------トップイメージ-----------------------------------------*/

		#main-img { width: 100%; max-height: 600px; position: relative; overflow: hidden; background-color: #1f2f54; }
		#sub-img { margin-top: 50px;}
		#sub-img .main_title h2 { font-size: 90%; margin-bottom: 0.25em; }
		#sub-img .main_title h3 { font-size: 80%; margin-bottom: 0.25em; }
		#sub-img .main_title h5 { font-size: 75%; }

		/*-------------------------------------フッター-----------------------------------*/
		footer > ul.contact { display: block; }
		footer { width: 90%; margin: 0 auto; padding: 1em 0;}
		footer > ul.contact li {width: 100%; padding: 0; margin-bottom: 1em; }
		.toiawase { width: 100%; margin-left:initial;}
		footer > ul.contact_link { width: 100%; display:block; }
		footer > ul.contact_link li { padding:inherit; margin-bottom: 0.8em; }
		
		/*-------------------------------------フッターラベル表示-----------------------------------*/
		#bottom-label { text-align: center; font-size: 85%; }
		#bottom-label ul.link { display: flex; justify-content:flex-start; flex-wrap: wrap; }

		/*-------------------------------------フッターラベル表示-----------------------------------*/
		ul.banner { margin-top: 50px; display: flex; flex-wrap: wrap;}
		ul.banner li { width: 46%; margin-right: 4%; margin-bottom: 1em;}
		ul.banner li:nth-child(3n) { margin-right: inherit;}
		ul.banner li:nth-child(2n) { margin-right: 0;}



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

		/*--------------------------------------ボタン------------------------------------------*/
	
	.ft_title {font-size: 150%;}
	.ft_big {font-size: 130%;}
	.ft_mid {font-size: 110%;}
	.ft_normal {font-size: 100%;}
	.ft_small {font-size: 90%;}
	.ft_xsmall {font-size: 80%;}
	
	.btn_big {padding: 1em 1.5em;}
	.btn_mid {padding: 0.7em 1.3em;}
	.btn_normal {padding: 0.5em 1em;}
	.btn_small {padding: 0.25em 0.5em;}
	.btn_xsmall {padding: 0.1em 0.25em;}


	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　オリジナルレイアウト　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
	/*------------------------問い合わせ--------------------------*/
	.toiawase{padding: 1em;}
	.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%;}

	/*------------------------ボタン横並びレイアウト--------------------------*/
	.select_space{ margin-top: 1em; margin-bottom: 1em; }
	.select_space ul { display:block; }
	.select_space ul li { margin-right:inherit; margin-bottom: 1em; }
	.select_space ul li button { width: 60%; }


	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　ヘッダーエリア　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
		.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; }

		#main-img .main_title h2 { font-size: 80%; margin-bottom: 0.25em;font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; }
		#main-img .main_title h3 { font-size: 65%; margin-top: 0.25em; margin-bottom: 0.25em; font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;}
		#main-img .main_title h5 { font-size: 65%; margin-top: 0.25em; margin-bottom: 0.25em;font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;}
		
	/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　申込フォーム　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
	□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

	/*-------------お申し込みフォーム------------------*/
		.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;}
		.applicationform dl dd ul li p { font-size: 80%; }
	
	/*-------------レジストレーションフォーム------------------*/
		.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: 5%; padding-right: 5%; padding-top: 2em; padding-bottom: 2em;}
	.whatsnew dl {padding: 3em 0;}
	.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;}
	
}