@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* kyoutu komoku */
* {
	box-sizing: border-box;
}

:root {
--dark_blue: #578fc1; /*濃いブルー（メインテキスト、グローバルナビ）*/
}

/*-------------------
small
-------------------*/
small {font-size:.7em;}


/*-------------------
margin
-------------------*/
/* 上マージン */
.mt0 {
	margin-top:0 !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt1em {
	margin-top:1em !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt25 {
	margin-top:25px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt35 {
	margin-top:35px !important;
}
.mt40 {
	margin-top:40px !important;
}
.mt45 {
	margin-top:45px !important;
}
.mt50 {
	margin-top:50px !important;
}

/* 右マージン */
.ml1em{
	margin-left:1em !important;
}
.ml20{
	margin-left:20px !important;
}

/* 下マージン */
.mb0 {
	margin-bottom:0 !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb15 {
	margin-bottom:15px !important;
}
.mb1em {
	margin-bottom:1em !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb25 {
	margin-bottom:25px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb35 {
	margin-bottom:35px !important;
}
.mb40 {
	margin-bottom:40px !important;
}
.mb45 {
	margin-bottom:45px !important;
}
.mb50 {
	margin-bottom:50px !important;
}


/*-------------------
改行
-------------------*/
br.pc-sp {display:inline-block !important;}
br.sp-pc {display:none !important;}
br.pc-sp76 {display:inline-block !important;}
br.sp-pc76 {display:none !important;}
br.pc-sp42 {display:inline-block !important;}
br.sp-pc42 {display:none !important;}
br.pc-sp34 {display:inline-block !important;}
br.sp-pc34 {display:none !important;}


/*-------------------
色
-------------------*/
.c_ibaraki {background: #28ac4d;}
.c_tochigi {background: #ea70ad;}
.c_gunma {background: #1c569d;}
.c_saitama {background: #b85750;}
.c_chiba {background: #00a3e6;}
.c_tokyo {background: #f2a0a9;}
.c_kanagawa {background: #25b5a4;}
.c_yamanashi {background: #995ca2;}
.c_nagano {background: #f4a219;}
.c_kanto {background: #237deb;}

.tx_bule {color: #237deb;}
.tx_red {color: #ff0000;}

/*-------------------
共通
-------------------*/
html {scroll-behavior: smooth;}

body {
	margin: 0 auto;
	padding: 0; /* head takasa_kotei */
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	font-weight: 400;
}

header , #contents , footer {
	width: 100%;
	max-width: 1000vx;
	background: #fff;
}

header {
	margin: 0 auto;
	padding: 0;
	border-top: 5px solid var(--dark_blue);
	Z-index: 50;
}
#contents {
	margin: 0 auto;
	padding: 0;
}
footer {
	margin: 40px auto 0;
	padding: 5px 0 10px;
	background: var(--dark_blue) ;
}

main ,
#sp_head ,
#sp_navi ,
#pankuzu ,
#sp_foot {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
}

/* 見出し */
h1 {
	margin: 0;
	padding: 0 0 5px 5px;
	font-family: 'Hiragino Kaku Gothic ProN W6';
	font-size: 32px;
	font-weight: 900;
	color: #191970 ;
	font-feature-settings: "palt" 1 ;
	background: linear-gradient(transparent 80%, #33953d 90%)
}
h2 {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 10px .5em 0 0;
	font-size: 24px;
	font-weight: 700;
	color: #008080 ;
	font-feature-settings: "palt" 1 ;
	position: relative;
	border-bottom: 5px solid #dcdcdc ;
	}
h2:before {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 2em;
	height: 5px;
	content: '';
	background: #008080;
}
h2#h2_new_info {
	position: relative;
	display: block;
}

h3 {
	display: block;
	margin: 0 0 10px;
	padding: 0;
	font-size: 20px;
	font-weight: 700;
	color: #008080 ;
	font-feature-settings: "palt" 1 ;
	position: relative;
	border-bottom: 5px solid #008080 ;
}

h3#movie_titlle {
	display: block;
	width: 90%;
	max-width: 800px;
	margin: 0 auto 5px;
	padding: 0;
	border-bottom: none ;
	text-align: center;
}
h3#movie_titlle .m_title {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	font-size: 24px;
	font-weight: 700;
	text-align: left;
}


/* 本文 */
div , p {
	margin: 0;
	font-feature-settings: "palt" 1 ;
}

div.dv_tx_center {
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
div.dv_tx_center p {
	display: inline-block;
	text-align: left;
}


.tx_m-tittle {
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	color: #2368ad ;
}


.tx_left {display: inline-block; text-align: left !important;}
.tx_center {display: block; text-align: center !important;}
.tx_right {display: block; text-align: right !important;}


.tx_sup {
	font-size: 0.7em;
	vertical-align: top;
	padding-left:2px;
}

/* 共通ブロック */
#new_info ,
#dl_box ,
#menu_box ,
#archive_box ,
#ekiMei ,
#stb_box ,
#box_ctrl ,
#ekiken {
	width: 100%;
}

#menu_box {
	display: flex;
	flex-wrap: wrap;
}

#new_info {
	margin: 0 0 40px;
	padding: 0 10px;
	border-bottom: 5px dotted #008080 ;
	
}

#dl_box {
	display: block;
	padding: 30px 10% 30px;
}

#archive_box {
	display: block;
}

#ekiMei {
	margin: -2px 0 10px 0;
	padding: 0 10px 5px;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	background: #2e8b57;
}
#ekiMei #ekinum {
	display: inline-block;
	margin-left:5px;
	font-size: 16px;
	font-weight: 400;
}

#stb_box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0 40px 0;
	padding: 0;
}
#stb_info_box {
	margin: 10px auto 40px;
	padding: 0;
	text-align: center;
}
#stb_info_box .stb_info {
	display: inline-block;
	text-align: left;
}
#stb_info_box .stb_info .stb_info_spc{
	display: flex;
	justify-content: center;
	margin: 0 0 10px 0;
}



#box_ctrl {
	display: flex;
	justify-content: flex-end;
	padding: 10px 0 10px 0;
	font-size: 16px;
	font-weight: 700;
}

#stb_box .stb_info {
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 20px;
}
#stb_box .stb_info:last-child {
	margin: 0;
}

#ekiken {
	margin: 10px 0 30px 0;
}



/* エラーメッセージ */
.chk_error {color: #ff0000;}
.err_msg {margin:5px 0 20px 0;color: #ff0000;text-align: center;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a bnr ,
a {
	color: #0b70aa;
	text-decoration: none;
	word-wrap: break-word;
}
a:hover {
	color: #de9945;
	text-decoration: underline;
}
a.bnr:hover {
	color: #fceabe;
	text-decoration: underline;
}


/* ボタンスペース */
#form_submit {
	margin: 10px auto 10px;
	padding: 0;
	text-align: center;
}
#info_submit {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 auto 5px;
	padding: 0;
	text-align: center;
}

/* ボタン */
a.btn_busfile ,
a.btn_ctrl ,
a.btn_del ,
#form_submit_button{
	display: inline-block;
	border: 1px solid #217830;
	border-radius: 10px;
	background: #36b143;
	margin: 4px 30px 0 0;
	padding: 5px 15px;
	font-size: 20px;
	color: #fff;
	font-family: inherit;
	-webkit-appearance: none;
	text-align: center;
	text-decoration: none;
}
#info_submit_button{
	display: inline-block;
	border: 1px solid #217830;
	border-radius: 20px;
	background: #36b143;
	margin: 0;
	padding: 4px 15px;
	font-size: 15px;
	color: #fff;
	font-family: inherit;
	-webkit-appearance: none;
	text-align: center;
	text-decoration: none;
}

a.btn_ctrl ,
#info_submit_button.btn_ctrl ,
#form_submit_button.btn_ctrl {
	background: #237deb;
}


a.btn_del {
	background: #ff0000;
	border: 1px solid #e60000;
}

a.btn_busfile {
	border-radius: 999px;
	background: #237deb;
	margin: 0;
	padding: 5px 20px;
	font-size: 18px;
}

a.btn_busfile:hover ,
a.btn_del:hover ,
a.btn_ctrl:hover ,
#info_submit_button.btn_ctrl:hover ,
#form_submit_button.btn_ctrl:hover ,
#form_submit_button:hover{
	border: 1px solid #eea562;
	background: #eed69d;
}

#menu_box .me_box ,
#menu_box .me_box_cotents_sh ,
#menu_box .me_box_cotents { /*メニューボタン*/
	width: calc(90% / 3);
	margin: 10px 10px 30px;
}
#menu_box .me_box_cotents_sh {
	width: calc(90% / 2);
	margin: 10px 10px 30px;
}
#archive_box .me_box_cotents { /*アーカイブボタン（１行ボタン）*/
	width: 90%;
	margin: 10px auto 10px;
}

#menu_box .me_box a {
	display: block;
	padding: 80px 10px 10px;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	border-radius: 10px;
	background:linear-gradient(to bottom, #00b3b3, #008080);
	border: solid 2px #00bfff;
	box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.8);
	position: relative;
}
#menu_box .me_box_cotents_sh a {
	display: block;
	padding: 16px 10px 10px;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	border-radius: 10px;
	background:linear-gradient(to bottom, #00bfff, var(--dark_blue));
	border: solid 2px #00bfff;
	box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.8);
	position: relative;
}
#menu_box .me_box_cotents a ,
#archive_box .me_box_cotents a {
	display: block;
	padding: 80px 10px 10px;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	border-radius: 10px;
	background:linear-gradient(to bottom, #00bfff, var(--dark_blue));
	border: solid 2px #00bfff;
	box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.8);
	position: relative;
}
#archive_box .me_box_cotents a {
	padding: 20px 10px 20px;
}
#menu_box .me_box a:after ,
#menu_box .me_box_cotents_sh :after ,
#menu_box .me_box_cotents a:after ,
#archive_box .me_box_cotents a:after {
	content: '\f105';
	font-family: FontAwesome;
	font-size: 28px;
	display: inline-block;
	color: #fff;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#menu_box .me_box a:hover ,
#menu_box .me_box_cotents a:hover ,
#archive_box .me_box_cotents a:hover {
	background: #de9945;
}

.btn_01 { /*角丸のみボタン*/
	display: inline-block;
	width: 5.8rem;
	border-radius: 10px;
	margin: 5px 3px 0 0;
	padding: 5px 0 5px 0;
	font-size: 16px;
	color: #fff;
	font-family: inherit;
	-webkit-appearance: none;
	text-align: center;
	text-decoration: none;
}
.btn_01:last-child {margin: 5px 0 0 0;}
.btn_01:hover {background: rgb(252, 254, 207);color:#333333;}

.btn_02 {
	margin: -3px 0 5px 0;
	padding: 3px 15px 3px 15px;
	border-radius: 10px;
	background: #36a5e0;
}
.btn_02 a {
	color: #fff;
}
.btn_02 a:hover {
	text-decoration: none;
	color: #333;
}
.btn_02:hover {
	background: #fcc985;
}




.box_hasou {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #1466ed;
}
.lg_hasou {width: 50%;}
.ti_hasou {
	display:block;
	margin-bottom:5px;
	padding:5px 0 5px 10px;
	color: #fff;
	font-weight: 700;
	background: #1466ed;
}




/*-------------------
login
-------------------*/
.ngmsg {
	width: 100%;
	margin: 40px auto 20px;
	padding: 0;
	color: #ff0000;
	text-align: center;
}



/*-------------------
header
-------------------*/
#sp_head {
	display: flex;
	justify-content: space-between;
	padding: 15px 0 0;
}

#sp_head #rogo_main {
	font-family: 'Hiragino Kaku Gothic ProN W6';
	display: inline-block;
	margin: 0;
	font-size: 24px;
	color: var(--dark_blue) ;
}
#sp_head #rogo_main:before {
	content: '';
	width: 60px;
	height: 40px;
	display: inline-block;
	margin-top:-5px;
	background: url(../images/head_back_pic.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}

#sp_head #global-sec-nav {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#sp_head #global-sec-nav ul.sec-nav-list {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}
#sp_head #global-sec-nav ul.sec-nav-list li.sec-nav-item {
	margin: 0 10px 0 0;
	padding: 0;
	width: 8rem;
}
#sp_head #global-sec-nav ul.sec-nav-list li.sec-nav-item a {
	display: block;
	padding: 8px 0;
	font: 16px sans-serif;
	color: #fff;
	text-align: center;
	background: #1e90ff;
	outline: 2px solid rgb(255, 255, 255);
	outline-offset: -4px;
}
#sp_head #global-sec-nav ul.sec-nav-list li.sec-nav-item a:hover{
	text-decoration: none;
	background: #87cefa ;
}



/*-------------------
TOPページ
-------------------*/
#new_info dl {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 5px;
	padding: 0 0 0 2.5rem;
	overflow: scroll;
	overflow-x: hidden;
	height: 10.5em;
}
#new_info dl dt ,
#new_info dl dd {
	margin: 0 0 10px;
	padding: 0;
	font-size: 20px;
}
#new_info dl dt {
	width: 24.5%;
	max-width: 190px;
	color: #0b70aa;
}
#new_info dl dt:before {
	content: '●';
	display: inline-block;
	color: #0b70aa;
}
#new_info dl dd {
	width: 77.4%;
	min-width: 506.5px;
	text-align: justify;
}
#new_info dl dd.dd_only {
	width: 100%;
	margin-right: 2.5rem;
	padding: 0 20px 0 20px;
	text-align: center;
}

/*-------------------
スタンプブック在庫管理
-------------------*/
.hasou_on ,
.hasou_off a {
	display: inline-block;
	border-radius: 10px;
	margin: 5px 0 5px 0;
	padding: 3px 10px 3px 10px;
	font-family: inherit;
	-webkit-appearance: none;
	text-align: center;
	text-decoration: none;
}
.hasou2_on ,
.hasou2_off a {
	display: inline-block;
	border-radius: 10px;
	margin: 0;
	padding: 6px 15px 6px 15px;
	font-size: 18px;
	font-family: inherit;
	-webkit-appearance: none;
	text-align: center;
	text-decoration: none;
}

.hasou_on , .hasou2_on {background: #36a5e0;color: #fff;border: 1px solid #184270;}
.hasou_off a , .hasou2_off a {background: #fcc985;color: #333333;border: 1px solid #db7300;}
.hasou_off a:hover , .hasou2_off a:hover {background: #f2b30b;color: #fff;}






/*-------------------
通常総会
-------------------*/
.bs_box {
	text-align: center;
}
.bs_data {
	display: inline-block;
	margin: 0;
	text-align: left;
}

.input_box {
	width: calc(91% / 4);
	margin: 20px 20px 20px 0;
	padding: 10px;
	border: 1px solid var(--dark_blue) ;
}
.input_box:last-child {
	margin: 20px 0 20px 0;
}


.btn_vdo {
	margin: 10px auto 10px;
	padding: 3px 1rem 4px;
	font-size: 16px;
}
.btn_vdo a {
	display: inline-block;
	border: 1px solid #217830;
//	border-radius: 10px;
	background: #237deb;
	margin: 0;
	padding: 10px 30px 10px 20px;
	font-size: 14px;
	color: #fff;
	font-family: inherit;
	-webkit-appearance: none;
	text-align: center;
	text-decoration: none;
}
.btn_vdo a:before {
	content: "";
	background: url(../images/btn_mv.png) 100% 100% / cover;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-right: 5px;
	position: relative;
	top: 3px;
	left: 0;
}
.btn_vdo a:hover {
	border: 1px solid #75adf2;
	background: #75adf2;
}
.vdo_box {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 40px;
	padding: 0;
	text-align: center;
}
.vdo_box video {
	display: inline-block;
	width: 100%;
	max-width: 800px;
}


.soukai_box {
	display: block;
	margin: 0 0 30px;
}
.soukai_box .soukai_in {
	width: 80%;
	margin: 0 auto;
}
details {
	margin: 20px 0 0;
	padding: 0;
	border: 1px solid var(--dark_blue) ;
}
summary {
	margin: 0;
	padding: 5px 10px;
	font-size: 18px;
	color: #fff;
	background: var(--dark_blue) ;
}
summary:hover {
	cursor: pointer;
	color: #de9945;
}
.soukai_box .soukai_in .soka_sub_tittle {
	margin: 0;
	padding: 0 1rem 5px;
	font-size: 20px;
	font-weight: 700;
	color: var(--dark_blue) ;
}
.soukai_box .soukai_in .soka_naiyou {
	margin: 0;
	padding: 5px 1rem 0;
	font-size: 16px;
}
.soukai_box .soukai_in .soka_data {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 0 1rem;
	font-size: 16px;
}
.soukai_box .soukai_in .soka_koen_data {
	display: block;
	margin: 0;
	padding: 3px 1rem 4px;
	font-size: 16px;
}



/*-------------------
ダウンロード
-------------------*/
details.sec_dl {
	margin: 0 0 10px;
	padding: 0 20px;
	border: initial;;
}
details.sec_dl summary {
	margin: 0;
	padding: 0;
	background: initial;
	font-size: 20px;
	color: #333333;
}
details.sec_dl summary::marker {
	font-size: 26px;
	font-weight: 700;
}
details.sec_dl summary:hover {
	cursor: pointer;
	color: #de9945;
}


.mypage_stbar ,
.ti_daibun {
	display: block;
	padding: 5px 20px 5px;
	font-size: 20px;
	font-family: inherit;
	font-weight: 700;
	color: #fff;
	background: #2368ad;
}
.mypage_stbar {
	margin: 20px 0 10px;
}
.ti_daibun {
	margin: 20px 0 5px;
}
.ti_daibun:nth-child(1) {
	margin: 0 0 5px;
}

.ti_syoubun {
	display: block;
	margin: 0 0 5px 2rem;
	padding: 0;
	font-size: 20px;
	color: #333333;
}
.ti_syoubun:before {
	content: '■';
	display: inline-block;
}
.fl_Name {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 .5rem 10px .5rem;
	padding: 0;
}
.fl_Name span.na_file:before {
	content: '●';
	display: inline-block;
	color: #0b70aa;
}

.dl_file_box {
	padding: 15px;
	border: 1px solid var(--dark_blue) ;
	border-radius: 10px;
}

.fl_soukai {
	margin: 5px 0 5px 20px;
	text-indent: -12px;
}
.fl_soukai:before {
	content: '●';
	display: inline-block;
	color: #0b70aa;
	margin-right: 6px;
}

#soukai_moushikomi {
	margin: 0 5px 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--dark_blue) ;
}


/*-------------------
災害時被害状況管理
-------------------*/
.bar_frm_manage {
	margin: 10px 0 5px;
	padding: 5px 20px;
	color: #fff;
	background: var(--dark_blue) ;
}

/* ダウンロード */
.file_uploar_box {
	display: block;
	text-align: left;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #1466ed;
}


/*-------------------
マイページ
-------------------*/
.zaiko_box {
	width: 90%;
	max-width: 540px;
	margin: 20px auto 40px;
	padding: 0;
}
.zaiko_box .li_zaiko_box {
	text-align: center;
	border-bottom: 1px solid var(--dark_blue);
}
.zaiko_box .li_zaiko_box .li_zaiko_spc {
	display: inline-block;
	text-align: left;
}
.zaiko_box .li_zaiko_box .li_zaiko_spc .li_zaiko {
	width: 100%;
	margin: 0;
	padding: 0 0 10px;
	font-size: 20px;
	font-weight: 700;
}

.my_menu {
	position:relative;
	display: block;
	margin: 0;
	padding: 20px 5px;
	font-size:20px;
	font-weight: 700;
	border-top: 2px dotted #1466ed;
}
.my_menu:nth-child(2n) {
	background: #f0ffff ;
}
.my_menu .btn_blue_box {
	position:absolute;
	right:0;
	margin: -3px 0 5px 0;
	padding: 3px 15px 3px 15px;
}
.my_menu .btn_blue_box a {
	color: #fff;
}
.my_menu .btn_blue_box a:hover {
	text-decoration: none;
	color: #333;
}
.my_menu .btn_blue_box:hover {
	background: #eed69d;
}

.my_btn_box {
	display: block;
	margin: 10px auto 20px;
	padding: 0;
	text-align: center;
}
.my_btn_box .btn_blue_box {
	margin: 0 auto 0;
	padding: 0 15px 3px 15px;
}
.my_btn_box .btn_blue_box a {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	padding: 0 20px 0px 20px;
}
.my_btn_box .btn_blue_box a:hover {
	text-decoration: none;
	color: #eed69d;
}


.my_menu:last-child {
	border-bottom: 2px dotted #1466ed;
	}


/* 年会費（ブック発注状況） */
#box_fee {display: flex; flex-wrap: wrap; align-items: stretch;}
#box_fee .mem_dl {width:65%; margin: 0;}
#box_fee .mem_fee {width:35%; border: #578fc1 1px solid; text-align: center;}

#fee_content {margin-bottom:1.5rem;}
#feenotdata {display: block;font-size:18px; margin:8px 10px; padding:0 5px 4px 5px; text-align: center;}
#feedata {display: flex; flex-wrap: wrap; align-items: stretch; font-size:15px; margin:8px 10px; padding:0 5px 4px 5px; border-bottom: 1px dotted #578fc1;}
#feedata div {display: flex; flex-wrap: wrap;	justify-content: center;align-items: center;}

#feedata .y_fee {width:6em; text-align: center;}
#feedata .p_fee {width:25%; text-align: center;}
#feedata .d_fee {width:50%;font-size:12px;}

#feedata .hi_stb {width:20%; text-align: center;}
#feedata .ka_stb {width:14%; text-align: center;}
#feedata .rset_stb {width:22%; text-align: center;}
#feedata .rset_stb span {font-size:90%; color:#ff0000; text-align: left; }
#feedata .hab_stb {width:20%; text-align: center;}
#feedata .hat_stb {width:24%;}

@media screen and (max-width: 760px) {
	#feedata .hi_stb {width:22%; text-align: left;}
	#feedata .ka_stb {width:28%;}
	#feedata .rset_stb {width:50%;}
	#feedata .hab_stb {width:30%; text-align: left;}
	#feedata .hat_stb {width:70%;}
}


@media screen and (max-width: 760px) {
	#box_fee {display: block;}
	#box_fee .mem_dl {width:100%; margin: 0 0 10px;}
	#box_fee .mem_fee {width:100%; margin: 0 0 20px;}
}

h3.fee {
	display: block;
	margin: 0;
	padding: 5px 0;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff ;
	font-feature-settings: "palt" 1 ;
	border-bottom: none;
	background: #578fc1 ;
}
#situ_fee {
	display: block;
	margin: 5px 0 0;
}
.btn_fee a {
	display: inline-block;
	border-radius: 20px;
	margin: 5px 0 5px 0;
	padding: 3px 10px 3px 10px;
	font-family: inherit;
	-webkit-appearance: none;
	text-align: center;
	text-decoration: none;
	background: #36a5e0;
	color: #fff;
	border: 1px solid #184270;
}

.zaiko_bt_box {
	position: relative;
	padding: 0 0 40px !important;
}
.zaiko_bt {
	position: absolute;
	left: 0;
	bottom: 0;
}

#cboxClose:hover ,
.btn_fee a:hover{
	background: #eed69d;
	color: #333;
}

#confir_area dl dt.ti_hasou {
	margin-bottom: 5px;
	padding: 5px 0 5px 10px;
	color: #fff;
	font-weight: 700;
	background: #1466ed;
}
.btn_fee a {
	display: inline-block;
	border-radius: 20px;
	margin: 5px 0;
	padding: 4px 20px;
	font-size: 16px;
	font-family: inherit;
	-webkit-appearance: none;
	text-align: center;
	text-decoration: none;
	background: #36a5e0;
	color: #ffffff;
	border: 1px solid #184270;
}
.btn_fee a:hover {
	background: #fcc985;
	color: #184270;
}



/*-------------------
input
-------------------*/
#mail_box ,
#form_area ,
#confir_area {
	display: block;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	padding: 0;
}
#form_area dl ,
#confir_area dl {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0 auto 20px ;
	padding: 0 ;
	width: 100%;
}
#confir_area dl {
	justify-content: center;
}
#form_area dl dt ,
#confir_area dl dt ,
#form_area dl dd ,
#confir_area dl dd {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin: 10px 0 10px ;
}
#form_area dl dt {
	width: 32%;
	padding: 0 0 4px 10px ;
}
#confir_area dl dt {
	width: 32%;
	padding: 5px 0 5px 10px;
}
#confir_area dl dd ,
#form_area dl dd {
	width: 68%;
	margin: 0 ;
	margin: 10px 0 10px;
	padding: 5px 0 5px 20px ;
}

#form_area dl dt span.sp_wrap ,
#confir_area dl dt span.sp_wrap ,
#form_area dl dd span.sp_wrap ,
#confir_area dl dd span.sp_wrap {
	display: block;
	width: 100%;
}

#confir_area dl dt.rw_two ,
#confir_area dl dd.rw_two {
	display: flex;
	align-items: center;
	width: 25%;
}

#confir_area dl dt ,
#confir_area dl dt.rw_two ,
#confir_area dl dd.dt {background: #7dc7fd;}

input[type="text"],
input[type="date"],
input[type="password"],
input[type="tel"],
input[type="email"] ,
span.sp_wrap input[type="text"],
span.sp_wrap input[type="date"],
span.sp_wrap input[type="password"],
span.sp_wrap input[type="tel"],
span.sp_wrap input[type="email"] {
	white-space: pre-line;
	word-break: break-all;
	width: 100%;
	padding: 3px 2%;
	border: 1px solid #cccccc;
	border-radius: 5px;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
}

input[type="text"]:read-only {
	white-space: pre-line;
	word-break: break-all;
	padding: 3px 2%;
	width: 100%;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
}
input[type="text"]:read-only:focus {
	outline: none;
}

#form_area dl dd.dd_only ,
#confir_area dl dd.dd_only {
	width: 100%;
	padding: 0 20px 0 20px ;
}
#form_area dl dd span.sp_wrap > textarea ,
#form_area dl dd > textarea ,
#form_area dl dd.dd_only > textarea {
	resize: none;
	margin: 5px 0;
	padding: 1px 1%;
	border: 1px solid #cccccc;
	border-radius: 5px;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
	width: 100%;
	height: 6em;
}
input[type="text"]:disabled {
	background: #dcdcdc;
	border-radius: 5px;
}
#form_area dl dd > textarea:disabled ,
#form_area dl dd > textarea:read-only {
	background: #dcdcdc;
	border-radius: 5px;
}


input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #ccc;
}
input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	border: 2px solid #ccc;
}
input[type="checkbox"]:checked ,
input[type="radio"]:checked {
	border: #007bff;
	background: #007bff;
}

select {
	padding: 3px 1rem 3px .5rem;
	font-size: 90%;
	font-family: inherit;
	border: 1px solid #8f8f8f;
	border-radius: 5px;
	background: #e9e9e9;
}
select option {
	margin: 0;
	padding: 0;
	border: none;
	background: #ffffff;
*/
}
select option:selected {
	background: #1239c2;
}

select.select_ekitodofuken {
}


label{
	display:inline-block;
	position:relative;
	padding-left: 1.5em;
}
label input{
	position:absolute;
	top:2px;
	bottom:0;
	left:0;
	margin:auto;
}

input.w94 {width: 90%;}


.ans_te-ar {white-space:pre-wrap;}

input.ipt_no {
	white-space: pre-line;
	word-break: break-all;
	width: 100%;
	padding: 3px 0;
	border: none;
	background: #fff;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
}

.dl_btn::file-selector-button {
	margin: 0 10px 0 0;
	padding: 7px 45px;
	text-align: center;
	border-radius: 10px;
}






/*-------------------
管理機能
-------------------*/
div.lin_kyoukai , #form_area dl.lin_kyoukai , #confir_area dl.lin_kyoukai {
	border-bottom: 2px solid #dcdcdc ;
	padding-bottom: 20px;
}
#form_area dl.lin_kyoukai:nth-child(1)  , #confir_area dl.lin_kyoukai:last:nth-child(1) #{
	border-top: 20px solid #449fea ;
	padding-top: 20px;
}

#mail_box .mail_box_text {
	margin: 0;
	padding: 0 1rem  10px;
	font-size: 16px;
}
#mail_box .mail_box_text .finc_list {
	margin: 0;
	padding: 0;
}
#mail_box .mail_box_text .finc_list dl {
	display: flex;
	flex-wrap: wrap;
//	flex-direction: column;
//	justify-content: center;
	align-items: stretch;
	margin: 0;
	padding: 0;
}
#mail_box .mail_box_text .finc_list .list {
	display: inline-block;
	margin: 0 20px 10px 0;
	padding: 0;
}
#mail_box .mail_box_text .finc_list .list span {
	color: var(--dark_blue);
	font-weight: 700;
}

#mail_box .mail_box_text p {
	font-weight: 700;
	color: var(--dark_blue);
}



/*-------------------
テーブル
-------------------*/
table {
	width: 100%;
	margin: 0 auto;
	background: #fff;
	border-collapse: collapse;
	font-size: 16px;
}
table td, table th {
	border-bottom: 1px solid #aaa;
	padding: 3px;
	box-sizing: border-box;
	text-align: center;
}
table tbody tr td {
	font-weight: normal;
}
table tbody tr:nth-child(1) {
	background: #fff ;
}
table tbody tr:nth-child(2n) {
	background: #def9b9 ;
}
table tbody tr.sumchk {
	color: #fff;
	background: #098217 ;
}

table thead tr {
	color: #fff;
	background: #16a02c ;
}
table thead tr th {
	font-weight: 700;
	text-align: center;
}



/*-------------------
footer
-------------------*/
#sp_foot {
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center;
}


/*-------------------
パンくずリスト
-------------------*/
#pankuzu {
	display: flex;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0;
	list-style: none;
}
#pankuzu li {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	padding:0 0 0 1rem;
}
#pankuzu li::after {
	content: '　＞';
}
#pankuzu li:first-child {
	padding:0;
}

#pankuzu li:last-child::after {
	content: none;
}

#pankuzu li a {
	color: #000000;
	text-decoration: none;
}
#pankuzu li a:hover {
	color: #de9945;
	text-decoration: underline;
}


/*-------------------
Page Top
-------------------*/
#pageTop {
	position: fixed;
	bottom: 110px;
	right: 7%;
}
#pageTop a {
	display: block;
	padding: 6px 1em 6px 1.3em;
	text-decoration: none;
	color: #fff;
	border-radius: 14px;
	background: rgb(101, 157, 250);
	border: 1px solid rgb(35, 61, 239);
	filter: drop-shadow(0px 0px 10px #cdcdcd);
}
#pageTop a:hover {
	background: rgb(140, 180, 250, 0.6);
}



/*-------------------
ページネゴシエーション
-------------------*/
#stb_box span {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 2px 10px;
	border-radius: 5px;
	border: 1px solid var(--dark_blue);
	background: var(--dark_blue);
	color: #fff;
}
#stb_box a {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 2px 10px;
	border-radius: 5px;
	border: 1px solid var(--dark_blue);
}

#stb_box a {
	text-decoration: none;
}
#stb_box a:hover {
	background: var(--dark_blue);
	color: #fff;
}


/*-------------------
SP size（max-width:1000px）
-------------------*/
@media screen and (max-width: 1000px) {
/* 改行 */
br.pc-sp {display:none !important;}
br.sp-pc {display:inline-block !important;}


header , #contents , footer {
	width: 100%;
}

main ,
#sp_head ,
#sp_navi ,
#pankuzu ,
#sp_foot {
	width: 94%;
}

.input_box {
	width: calc(86% / 4);
}


/* Page Top */
#pageTop {
	bottom: 90px;
	right: 2%;
}


#new_info dl dt {
	width: 190px;
}
#new_info dl dd {
	width: 71%;
	min-width: 470px;
}

} /* (@media screen max-width: 1000px) */

/*-------------------
SP size（max-width: 768px）
-------------------*/
@media screen and (max-width: 768px) {
/* 改行 */
br.pc-sp76 {display:none !important;}
br.sp-pc76 {display:inline-block !important;}


body {
	padding-top: 140px;
}

header {
	position: fixed;
	right: 0;
	top: 0;
}


#new_info dl {
	display: block;
	margin: -5px 0 0;
	padding: 0 .2rem 0;
}
#new_info dl dt ,
#new_info dl dd {
	display: block;
	font-size: 18px;
}
#new_info dl dt {
	width: 100%;
	max-width: inherit;
	margin:  0;
	padding: 0;
	color: #0b70aa;
	border-bottom: 1px solid var(--dark_blue);
}
#new_info dl dt:before {
	content: '';
}
#new_info dl dd {
	width: 100%;
	min-width: initial;
	margin: 5px 0 10px 24px;
	padding: 0 36px 0 0;
	text-indent: -12px;
	display: block;
}
#new_info dl dd:before { 
	content: '●';
	display: inline-block;
	color: #0b70aa;
	margin-right: 5px;
}

#new_info dl dd.dd_only {
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
	min-width: initial;
	text-indent: 0;
}

/* パンくず */
#pankuzu {
	display: none;
}

h1 {
	margin-top: 10px;
	padding: 0 0 15px 5px;
	font-size: 28px;
	line-height: 1.2;
}

#sp_navi {
	margin: 5px auto 0;
	padding: 8px 0 6px;
	background: var(--dark_blue) ;
}


#sp_head {
	padding: 15px 0 0;
}
#sp_head #global-sec-nav ul.sec-nav-list {
	display: block;
}
#sp_head #global-sec-nav ul.sec-nav-list li.sec-nav-item {
	margin: 0 10px 6px 0;
	padding: 0;
	width: 6rem;
}
#sp_head #global-sec-nav ul.sec-nav-list li.sec-nav-item a {
	padding: 6px 0;
	font: 12px sans-serif;
}
#sp_head #global-sec-nav ul.sec-nav-list li.sec-nav-item a:hover{
	text-decoration: none;
	background: #87cefa ;
}



#menu_box .me_box ,
#menu_box .me_box_cotents { /*メニューボタン*/
	width: calc(92% / 2);
	margin: 10px 10px 20px;
}

/* マイページ */
.my_menu {
	font-size:18px;
}
.zaiko_box {
	width: 100%;
}
.zaiko_box .li_zaiko {
	width: 100%;
	font-size: 18px;
	font-weight: 400;
}


/* ダウンロード */
#dl_box {
	padding: 30px 5% 30px;
}



#form_area .course .cou_info {
	display: block;
}
#form_area .course .cou_info .kaizyo {
	width: 100%;
		margin: 0 0 5px 1em;
		padding: 0 0 0 11em;
		font-size:90%;
		font-weight: 700;
		line-height: 1.6;
}
#form_area .course .cou_info .kaizyo .se_fas_join {
	display: inline-flex;
	flex-wrap: wrap ;
	width: calc( 100% - 170px );
	margin: 0;
	padding: 0;
}
#form_area .course .cou_info .kaizyo .se_fas_join .fas_join {
	width: 7em;
}

#form_area .course .cou_info .but_box {
	width: initial;
}

#form_area .course .cpu_data span {
	margin: 0 5px 5px 0;
}

#form_area div.course {
	width: 80%;
}


/* footer */



/* Page Top */
#pageTop {
	bottom: 20px;
	right: 20px;
}
#pageTop a {
	padding: 4px .8em 4px .8em;
	border-radius: 10px;
}


.dl_btn::file-selector-button {
	display: block;
	margin: 0 0 5px 0;
	padding: 5px 55px;
	text-align: center;
}




} /* (@media screen max-width: 768px) */


/*-------------------
SP size（max-width: 640px）
-------------------*/
@media screen and (max-width: 640px) {
	.fl_Name {
		display: block;
		margin: 0 .5rem 10px .5rem;
		padding: 0;
	}
	.fl_Name span {
		display: block;
	}
} /* (@media screen max-width: 640px) */

/*-------------------
SP size（max-width: 480px）
-------------------*/
@media screen and (max-width: 480px) {
/* 改行 */
br.pc-sp42 {display:none !important;}
br.sp-pc42 {display:inline-block !important;}



.my_menu {
	padding: 20px 5px 40px;
}
.my_menu .btn_blue_box {
	right: initial;
	left: 0;
	bottom: 0;
}


#sp_head #rogo_main {
	display: flex;
	margin: 4px 0 0 0;
	font-size: 20px;
	line-height: 1.2;
}
#sp_head #rogo_main:before {
	margin: -2px 0 0 0;
	width: 70px;
	height: 50px;
}

#menu_box .me_box ,
#menu_box .me_box_cotents { /*メニューボタン*/
	width: 100%;
	margin: 10px 10px 10px;
}
#menu_box .me_box a ,
#menu_box .me_box_cotents a {
	padding: 20px 10px 20px;
	font-size: 20px;
}
#menu_box .me_box a:after ,
#menu_box .me_box_cotents a:after {
	font-size: 26px;
	bottom: 20px;
}


	.input_box {
		width: calc(95% / 2);
	}
.input_box:nth-child(2n) {
	margin: 20px 0 20px 0;
}



} /* (@media screen max-width: 480px) */



/*-------------------
SP size（max-width: 340px）
-------------------*/
@media screen and (max-width: 340px) {
/* 改行 */
br.pc-sp34 {display:none !important;}
br.sp-pc34 {display:inline-block !important;}


h2 {
	padding: 10px .5em 38px 0;
}
#info_submit {
	right: initial;
	left: 0;
}

.input_box {
	width: calc(100% / 1);
	margin: 20px 0 20px 0;
}
.input_box:nth-child(2n) {
	margin: 0;
}

#new_info dl dd.dd_only {
	margin: 0 0 15px 0;
	padding: 0 0 0 1.5rem;
	text-align: left;
	min-width: initial;
	text-indent: -.8rem;
}


} /* (@media screen max-width: 340px) */