@charset "UTF-8";
/* CSS Document */
*/h1,h2,h3,h4,h5,h6,p,blockquote,em,img,q,small,strong,var,b,i,dl,dt,dd,ol,ul,li,form,label,legend,caption,article{margin:0; border:0;padding:0; outline:0; vertical-align:baseline; background:transparent}

/* Font　設定 */
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100;}
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200;}
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300;}
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400;}
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold;}
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100;}
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200;}
html { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;}
@media all and (-ms-high-contrast: none) { html { font-family: Verdana, Meiryo, sans-serif; }}
@media all and (-ms-high-contrast: active) { html { font-family: Verdana, Meiryo, sans-serif; }}

/* 背景設定 */
body { margin: 0 auto;}
#pc {display:block;}
#sp {display:none;}

/* ヘッダ設定 */
header { width: 100%; margin: 0 auto; border-top: solid 5px #3880f5; border-bottom: solid 1px #e9e9e9;}
header #head_wrap { width: 94%; display: flex; margin: 0 auto;}
header .logo{ width: 30%; margin: 15px 0 10px;}
header .logo img{ max-width: 300px; max-height: 80px }
header .new_price { width: 50px; background-color: #ff00cc; color: white; text-align: center; font-weight: bold; vertical-align: middle; padding: 5px; margin: 20px 10px 20px 0; display: flex; align-items: center; justify-content: center; }
header .shop { margin: 15px 0 10px; }
header .shop1 { font-weight: bold; }
header .logout { margin: 40px 30px 10px; }
header .reference_button { font-size: 14px; background-color: #2771cf; padding: 10px 20px 10px 20px; margin: 5px; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 30px; border: none; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
header .inquiry_button { font-size: 14px; background-color: #2771cf; padding: 10px 20px 10px 20px; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 30px; border: none; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
header .inquiry { margin-left: auto; padding: 40px 30px 10px; display: flex; align-items: center;  }
header nav{ width: 70%; text-align: right;}
header ul{ padding-top: 30px; list-style: none; display: inline-block;}
header ul li:first-child { margin: 0 20px 0 0; display: inline;}
header ul li:last-child { display: inline;}
header a { color: white; text-decoration: none; }

/* 顧客情報表示 */
#custmer_info { color:#FFF;}
.custmer_info_wrap1 { width: 100%; margin: 0 auto; background-color: #006792; }
#custmer_info ul{ font-size: 17px; width: 820px; margin: 0 auto; padding: 12px 0; list-style: none; color:#FFF; display:flex; text-align: right;}
#custmer_info ul li { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#custmer_info a{ color:#FFF; font-weight: normal;}
#custmer_info .custmer_info_wrap2 { width: 100%; margin: 0 auto; background-color: #0091ce; }
.selectdiv {font-size: 14px; width: 820px; margin: 0 auto; padding: 12px 0 17px; text-align: right; position: relative; line-height: 1.7;}
select::-ms-expand {display: none;}
.selectdiv:after { content: '>'; font: 16px "Consolas", monospace; color: #005793; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 12px; top: 13px; padding: 0 0 2px; border-bottom: 1px solid #999; position: absolute; pointer-events: none;}
.selectdiv select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; max-width: 280px; float: right; margin: 0 0 0 8px; padding: 2px 8px 0; font-size: 13px; color: #0E72B3; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 5px; -ms-word-break: normal; word-break: normal;}

/* 各種プルダウン設定 */
.selectdiv2 { margin: 0 auto; padding: 2px 0 8x; position: relative;}
select::-ms-expand {display: none;}
.selectdiv2:after { content: '>'; font: 18px "Consolas", monospace; color: #005793; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 12px; top: 6px; padding: 0; position: absolute; pointer-events: none;}
.selectdiv2 select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; max-width: 95%; float: right; margin: 0 auto; padding: 4px 8px; font-size: 17px; color: #0E72B3; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 5px; -ms-word-break: normal; word-break: normal;}
.selectdiv3 { width: 98%; margin: 0; padding: 2px 0 50px; display: block; position: relative;}
select::-ms-expand {display: none;}
.selectdiv3:after { content: '>'; font: 24px "Consolas", monospace; color: #005793; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 12px; top: 12px; padding: 0; position: absolute; pointer-events: none;}
.selectdiv3 select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 98%; margin: 0; padding: 10px 1%; float: right; font-size: 18px; color: #000; background-color: #F3F5FE; border: solid 1px #B8C0D7; border-radius: 5px; background-image: none; -ms-word-break: normal; word-break: normal;}
.selectdiv3 option:disabled { color: #dddddd; }
.selectdiv4 { width: 98%; margin: 0 0 0 15px; padding: 2px 0 2px; display: block; position: relative; font-size:18px; }
.selectdiv4 input { width: 98%; margin: 0; padding: 15px; float: left; font-size: 18px; color: #000; background-color: #F3F5FE; border: solid 1px #B8C0D7; border-radius: 5px; background-image: none; -ms-word-break: normal; word-break: normal; transform: scale(1.2); }
.selectdiv4 input[type=checkbox] { margin: 5px 5px 5px 0; font-size: 16px; position: relative; vertical-align: baseline;}
.selectdiv5 { background-color: #F3F5FE; border: solid 1px #B8C0D7; color: #333; font-size: 16px; font-weight: normal; padding: 5px 0 5px 0;}
.selectdiv6 { width: 98%; margin: 0; padding: 2px 0 0; display: flex; position: relative;}
select::-ms-expand {display: none;}
.selectdiv6:after { content: '>'; font: 20px "Consolas", monospace; color: #005793; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 12px; top: 12px; padding: 0; position: absolute; pointer-events: none;}
.selectdiv6 select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 98%; margin: 0; padding: 10px 1%; float: right; font-size: 18px; color: #000; background-color: #F3F5FE; border: solid 1px #B8C0D7; border-radius: 5px; background-image: none; -ms-word-break: normal; word-break: normal;}
.selectdiv6 .title { width: 20%; font-size: 18px; margin: 0 30px; padding: 7px 0 0 0; }
.selectdiv6 .value { width: 78%;}
.selectdiv7 { width: 98%; margin: 1px 0 15px 15px; padding: 0 0 0; display: block; position: relative; font-size:18px; }
.selectdiv7 input { width: 98%; margin: 0; padding: 15px; float: left; font-size: 18px; color: #000; background-color: #F3F5FE; border: solid 1px #B8C0D7; border-radius: 5px; background-image: none; -ms-word-break: normal; word-break: normal; transform: scale(1.2); }
.selectdiv7 input[type=checkbox] { margin: 5px 5px 5px 0; font-size: 16px; position: relative; vertical-align: baseline;}
.selectdiv8 { width: 98%; margin: 1px 0 0 15px; padding: 0 0 0; display: block; position: relative; font-size:18px; }
.selectdiv8 textarea { margin: 0 0 0 0; }
.selectdiv9 { width: 100%; margin: 0; padding: 2px 0 0; display: block; position: relative;}

/* ファイルアップボタン設定 */
#file_up { width: 98%; margin: 0 auto; padding: 0 1% 5px; background-color: transparent; border: none; border-radius: 0; font-size: 18px; color: #888; font-weight: normal;}
#file_up input { width: 100%; background-color: transparent; border: none; border-radius: 0; font-size: 16px; color: #888; font-weight: normal; margin: 0; }
.image_preview { width: 50%; display: block; margin-bottom: 30px;}

/* メイン設定 */
main { width: 100%; margin: 0 auto; text-align: left; padding: 10px 0; background-color: #E8F1FF;}
main #title { width: 820px; margin: 0 auto;}
main #title h1 {font-size: 26px; color: #2771cf; margin-bottom: 20px;}
main #title h2 {font-size: 15px; color: #2771cf; font-weight: normal; line-height: 1.6; margin-bottom: 20px; display: block;}

/* お知らせ表示 */
main #attend { width: 820px; margin: 0 auto;}
main ol { width: 100%; list-style: none; margin: 0 0 20px; padding: 0; display: inline-flex;}
main ol li:first-child { width: 15%; font-size: 16px; color: #FFFFFF; text-align: center; background-color: #ff4e37; border: solid 1px #ff4e37; padding: 5px 0; white-space: nowrap; border-radius: 5px 0 0 5px;}
main ol li:last-child { width: 79%; font-size: 16px; text-align: left; background-color: #FFF; padding: 5px 3%; border: solid 1px #ff4e37; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0 5px 5px 0;}
main ol a { font-size: 16px; color: #ff4e37;}

/* ナビゲーションタブ表示 */
main #main_navi { width: 820px; margin: 0 auto;}
main #main_navi a { width: 100%; color:#FFF; display: block;}
main .tab_wrap { width: 100%; margin: 5px auto 0; background-color: transparent; padding: 0; border-radius: 0; display: flex; list-style: none;}
main .tab1 { font-size:16px; text-align: center; width: 20.8%; margin: 0 0.2% 0 0; background-color: #0089dc; padding: 0.5% 2%; border-radius: 5px 5px 0 0;}
main .tab1:hover { font-size:16px; text-align: center; width: 20.8%; margin: 0 0.2% 0 0; background-color: #006792; padding: 0.5% 2%; border-radius: 5px 5px 0 0;}
main .tab1_on { font-size:16px; color: #333; font-weight: bold; text-decoration: underline; text-align: center; width: 20.8%; margin: 0 0.2% 0 0; border-top: solid 2px #ff3636; background-color: #FFF; padding: 0.5% 2%; border-radius: 5px 5px 0 0;}
main .tab2 { font-size:16px; text-align: center; width: 20.8%; margin: 0 0.2% 0 0; background-color: #0089dc; padding: 0.5% 2%; border-radius: 5px 5px 0 0;}
main .tab2:hover { font-size:16px; text-align: center; width: 20.8%; margin: 0 0.2% 0 0; background-color: #006792; padding: 0.5% 2%; border-radius: 5px 5px 0 0;}
main .tab2_on { font-size:16px; color: #333; font-weight: bold; text-decoration: underline; text-align: center; width: 20.8%; margin: 0 0.2% 0 0; border-top: solid 2px #ff3636; background-color: #FFF; padding: 0.5% 2%; border-radius: 5px 5px 0 0;}
main .tab3 { font-size:16px; text-align: center; width: 20.8%; margin: 0 0.2% 0 0; background-color: #0089dc; padding: 0.5% 2%; border-radius: 5px 5px 0 0;}
main .tab3:hover { font-size:16px; text-align: center; width: 20.8%; margin: 0 0.2% 0 0; background-color: #006792; padding: 0.5% 2%; border-radius: 5px 5px 0 0;}
main .tab3_on { font-size:16px; color: #333; font-weight: bold; text-decoration: underline; text-align: center; width: 20.8%; margin: 0 0.2% 0 0; border-top: solid 2px #ff3636; background-color: #FFF; padding: 0.5% 2%; border-radius: 5px 5px 0 0;}
main .tab4 { font-size:16px; text-align: center; width: 21%; margin: 0; background-color: #0089dc; padding: 0.5% 2%; border-radius: 5px 5px 0 0;}
main .tab4:hover { font-size:16px; text-align: center; width: 21%; margin: 0; background-color: #006792; padding: 0.5% 2%; border-radius: 5px 5px 0 0;}
main .tab4_on { font-size:16px; color: #333; font-weight: bold; text-decoration: underline; text-align: center; width: 21%; margin: 0; border-top: solid 2px #ff3636; background-color: #FFF; padding: 0.5% 2%; border-radius: 5px 5px 0 0;}

/* コンテンツ部分 */
main #contents { width: 760px; margin: 0 auto 30px; padding: 10px 30px 20px; background-color: #FFF; line-height: 1.6; border-radius: 0 0 5px 5px;}
main #contents2 { width: 760px; margin: 0 auto 30px; padding: 10px 30px 20px; background-color: #FFF; line-height: 1.6; border-radius: 5px;}

/* 月次切り替え */
main #month_navi { width: 760px; margin: 0 auto 25px;}
main #month_navi a { width: 100%; color:#FFF; padding: 1% 0; display: block;}
main #month_navi a:hover { width: 100%; color:#333; padding: 1% 0; display: block;}
main .tab2_wrap { width: 100%; margin: 5px auto 0; border: solid 1px #A2A2A2; background-color: #A2A2A2; padding: 0; display: flex; list-style: none; border-radius: 5px;}
main .tab1_mt { font-size:16px; text-align: center; width: 33%; margin: 0; background-color: #BBBBBB; padding: 0; border-radius: 5px 0 0 5px;}
main .tab1_mt:hover { font-size:16px; color:#333; text-align: center; width: 33%; margin: 0; background-color: #FFF; padding: 0; border-radius: 5px 0 0 5px;}
main .tab1_mt_on { font-size:16px; color: #333; text-decoration: underline; font-weight: bold; text-align: center; width: 33%; margin: 0; background-color: #FFF; padding: 0.3%; border-radius: 5px 0 0 5px;}
main .tab2_mt { font-size:16px; text-align: center; width: 33.6%; margin: 0; background-color: #BBBBBB; padding: 0; border-left: solid 1px #A2A2A2; border-right: solid 1px #A2A2A2;}
main .tab2_mt:hover { font-size:16px; color:#333; text-align: center; width: 33.6%; margin: 0; background-color: #FFF; padding: 0; border-left: solid 1px #A2A2A2; border-right: solid 1px #A2A2A2;}
main .tab2_mt_on { font-size:16px; color: #333; text-decoration: underline; font-weight: bold; text-align: center; width: 33.6%; margin: 0; background-color: #FFF; padding: 0.3%; border-left: solid 1px #A2A2A2; border-right: solid 1px #A2A2A2;}
main .tab3_mt { font-size:16px; text-align: center; width: 33.15%; margin: 0; background-color: #BBBBBB; padding: 0; border-radius: 0 5px 5px 0;}
main .tab3_mt:hover { font-size:16px; color:#333; text-align: center; width: 33.15%; margin: 0; background-color: #FFF; padding: 0; border-radius: 0 5px 5px 0}
main .tab3_mt_on { font-size:16px; color: #333; text-decoration: underline; font-weight: bold; text-align: center; width: 33.15%; margin: 0; background-color: #FFF; padding: 0; border-radius: 0 5px 5px 0}

/* 利用開始日選択 */
main .date { width: 150px; }

/* 情報更新日 */
main .up_date { width: 96%; margin: 0 0 20px; padding: 8px 2%; background-color: #FFF1D7; border: solid 1px #FFF1D7; border-radius: 5px; font-size: 14px; color: #fa3333;}

/* フォーム下向き矢印 */
.circle_down { font-size: 60px; line-height: 0; color: #FF9900; text-align: center; width: 100%; margin: 15px 0 0 0; padding: 0; display: block;}

/* オプション選択肢 */
.select_options { display: block; position: relative; width: 100%; margin: 1% 0; }
_::-webkit-full-page-media, _:future, :root .select_options { display: block; position: relative; width: 100%; margin: 1% 0; }
.delivery_box { margin: 10px 15px; }
.tabitomo_free { font-size: 18px; font-weight: normal; color: #ff0000; margin-left: 0px; }
.association_free { font-size: 18px; font-weight: normal; color: #ff0000; margin-left: 0px; }
.association_normal { font-size: 18px; font-weight: normal; color: #666; margin-left: 0px; }
.shop_options { padding: 0 10px; }

/* データ関連見出し各種 */
main .score { width: 96%; margin: 0 0 20px; padding: 0 2%; background-color: #F7F7F7; border: solid 1px #F7F7F7; border-radius: 5px; color: #2771cf;}
main .score_title { width: 100%; background-color: transparent; list-style: none; margin: 0; padding: 0; display: flex;}
main .st_1 { width: 26%; margin: 2%; padding: 0; font-size: 21px; font-weight: bold; color: #333;}
main .st_2 { width: 66%; margin: 2%; padding: 8px 0 0 0; font-size: 14px;}
main .st_3 { width: 96%; margin: 2%; padding: 0; font-size: 21px; font-weight: bold; color: #333;}
main .st_4 { width: 96%; margin: 0 2% 2%; padding: 8px 0 0 0; font-size: 14px;}

/* 複数台契約データ関連見出し各種 */
main .score_title_corp { width: 100%; background-color: transparent; list-style: none; margin: 0; padding: 0; display: flex;}
main .stc_1 { width: 26%; margin: 2% 2% 0; padding: 3px 0 0 0; font-size: 14px; color: #333;}
main .stc_2 { width: 66%; margin: 2% 2% 0; padding: 0; font-size: 14px; text-align: right;}
main .stc_3 { width: 96%; margin: 0 2%; padding: 3px 0 0 0; font-size: 14px; color: #333; text-align: center;}
main .stc_4 { width: 96%; margin: 0 2%; padding: 3px 0 0 0; font-size: 14px; color: #333; text-align: center;}
main .stc_5 { width: 96%; margin: 1% 2% 4%; padding: 3px 0 0 0; font-size: 14px; color: #333; text-align: center;}
main .stc_6 { width: 96%; margin: 1% 2% 2%; padding: 3px 0 0 0; font-size: 14px; color: #333; text-align: left;}
main .stc_7 { width: 96%; margin: 1% 2% 0; padding: 3px 0 0 0; font-size: 14px; color: #333; text-align: left;}
main .stc_8 { width: 96%; margin: 1% 2% 2%; padding: 3px 0 0 0; font-size: 14px; color: #333; text-align: center;}
main .stc_11 { width: 26%; margin: 0 2%; padding: 3px 0 0 0; font-size: 14px; color: #333;}
main .stc_12 { width: 66%; margin: 0 2%; padding: 0; font-size: 14px; text-align: right;}
main .stc_15 { width: 96%; margin: 1% 2% 2%; padding: 3px 0 0 0; font-size: 14px; color: #333; text-align: center;}

/* データ表示部分 */
main .score_detail { width: 96%; margin: 0 auto 25px; background-color: #FFF; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; border-radius: 0; list-style: none; padding: 0; display: flex;}
main .sd_1 { width: 46%; margin: 2%; padding: 0; font-size: 15px; text-align: center;}
main .sd_2 { width: 46%; margin: 2%; padding: 0; font-size: 15px; text-align: center;}
main span { font-size: 21px; font-weight: bold; color: #333; margin-left: 15px;}

/* 複数台契約データ表示部分 */
main .score_corp_detail { width: 92%; margin: 0 auto; background-color: #FFF; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; border-radius: 0; padding: 4% 2% 0;}
main .score_corp_detail2 { width: 92%; margin: 0 auto 10px; background-color: #FFF; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; border-radius: 0; padding: 4% 2% 0;}

/* 過去データ表示部分 */
main .score_detail_back { width: 96%; margin: 0 auto 25px; background-color: #FFF; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; border-radius: 0; list-style: none; padding: 0; display: flex;}
main .score_detail_back2 { width: 96%; margin: 0 auto 10px; background-color: #FFF; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; border-radius: 0; list-style: none; padding: 0; display: flex;}
main .score_detail_back3 { width: 96%; margin: 15px auto 30px; background-color: #FFF; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; border-radius: 0; list-style: none; padding: 0; display: flex;}
main .sdb_1 { width: 54%; margin: 2%; padding: 8px 0 0 0; font-size: 14px; font-weight: bold; text-align: center;}
main .sdb_2 { width: 34%; margin: 2%; padding: 0; font-size: 21px; font-weight: bold; color: #333; text-align: center;}

/* 国内 過去データ 日別表示部分 */
main .daily_detail { width: 96%; margin: 0 auto 8px; display: block; overflow-x: scroll; white-space: nowrap;　-webkit-overflow-scrolling: touch;}
main .dt_td1 { color: #333; font-weight: bold; background-color: #EAEAEA; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 12px;}
main .dt_td2 { background-color: #FFF; margin: 0; padding: 8px 12px;}
main .dt_td3 { color: #333; font-weight: bold; background-color: #EAEAEA; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 12px;}
main .dt_td4 { background-color: #FFF; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 12px;}

/* 海外 過去データ 日別表示部分 */
main .oversers_td1 { width: 25%; color: #333; font-weight: bold; background-color: #EAEAEA; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0;}
main .oversers_td2 { width: 45%; color: #333; font-weight: bold; background-color: #EAEAEA; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0;}
main .oversers_td3 { width: 30%; color: #333; font-weight: bold; background-color: #EAEAEA; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0;}
main .oversers_td4 { width: 25%; background-color: #FFF; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0;}
main .oversers_td5 { width: 45%; background-color: #FFF; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0;}
main .oversers_td6 { width: 30%; background-color: #FFF; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0;}


/* 各種ボタン設定 */
main .btn { width: 88%; margin: 0 auto 8px; padding: 8px 4%; background-color: #BBB; border: solid 1px #BBB; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block; text-align: center;}
main .btn:hover { width: 88%; margin: 0 auto 8px; padding: 8px 4%; background-color: #FF0000; border: solid 1px #FF0000; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block; text-align: center;}
main .btn2 { width: 88%; margin: 0 auto 25px; padding: 8px 4%; background-color: #BBB; border: solid 1px #BBB; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block; text-align: center;}
main .btn2:hover { width: 88%; margin: 0 auto 25px; padding: 8px 4%; background-color: #FF9900; border: solid 1px #FF9900; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block; text-align: center;}
main .btn3 { width: 88%; margin: 25px auto 20px; padding: 8px 4%; background-color: #BBB; border: solid 1px #BBB; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block; text-align: center;}
main .btn3:hover { width: 88%; margin: 25px auto 20px; padding: 8px 4%; background-color: #FF9900; border: solid 1px #FF9900; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block; text-align: center;}
main .btn4 { width: 88%; margin: 0 auto 25px; padding: 8px 4%; background-color: #BBB; border: solid 1px #BBB; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block; text-align: center;}
main .btn4:hover { width: 88%; margin: 0 auto 25px; padding: 8px 4%; background-color: #FF0000; border: solid 1px #FF0000; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block; text-align: center;}
main .btn5 { margin: 0 0 0 8px; padding: 4px 10px; background-color: #BBB; border: solid 1px #BBB; border-radius: 5px; font-size: 14px; color: #FFF; text-decoration: none; display: inline; text-align: center;}
main .btn5:hover { margin: 0 0 0 8px; padding: 4px 10px; background-color: #FF9900; border: solid 1px #FF9900; border-radius: 5px; font-size: 14px; color: #FFF; text-decoration: none; display: inline; text-align: center;}
main .btn6 { margin: 0 0 0 8px; padding: 4px 10px; background-color: #BBB; border: solid 1px #BBB; border-radius: 5px; font-size: 14px; color: #FFF; text-decoration: none; display: inline; text-align: center;}
main .btn6:hover { margin: 0 0 0 8px; padding: 4px 10px; background-color: #FF0000; border: solid 1px #FF0000; border-radius: 5px; font-size: 14px; color: #FFF; text-decoration: none; display: inline; text-align: center;}

/* 顧客情報表組み */
main table { width: 96%; margin: 0 auto 8px; text-align: center; font-size: 14px; color: #333; border-spacing: 0px;}
main .info_td1 { width: 23%; background-color: #FFF; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 4%; text-align: left;}
main .info_td2 { width: 70%; background-color: #FFF; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0; text-align: left;}
main .info_td3 { width: 23%; background-color: #FFF; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 4%; text-align: left;}
main .info_td4 { width: 70%; background-color: #FFF; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0; text-align: left;}

/* 大口契約用表組み */
main .sc_table { width: 96%; margin: 0 auto 8px; text-align: center; font-size: 14px; color: #333; border-spacing: 0px; display: block; overflow-x: scroll; white-space: nowrap;　-webkit-overflow-scrolling: touch;}
main .sc_td1 { background-color: #0089dc; border-top: solid 1px #0089dc; color: #FFF; border-bottom: solid 1px #0089dc; margin: 0; padding: 8px 18px; text-align: center;}
main .sc_td2 { background-color: #FFF; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 18px; text-align: center;}
main .sc_td3 { background-color: #FFF2F2; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 18px; text-align: center; color: #FF0000;}
main .sc_td4 { background-color: #FFFCEF; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 18px; text-align: center; color: #FF0000;}
main .sc_td5 { background-color: #006792; border-top: solid 1px #006792; color: #FFF; border-bottom: solid 1px #006792; margin: 0; padding: 8px 18px; text-align: center; font-weight: bold;}
main .sc_td6 { background-color: #F4F8FF; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 18px; text-align: center; font-weight: bold;}
main .sc_td7 { background-color: #FFDFDF; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 18px; text-align: center; color: #FF0000; font-weight: bold;}

main button { font-size: 14px;}
main .sc_select { font-size: 14px}
main .skywalker_image { }

/* 支払い明細表組み */
main .info_detail { width: 96%; margin: 0 auto 8px;}
main .info_detail2 { width: 96%; margin: 0 auto 25px;}
main .info_detail3 { width: 96%; margin: 0 auto 5px;}
main .info_detail4 { width: 96%; margin: 0 auto 60px;}
main .id_td1 { width: 60%; color: #333; font-weight: bold; background-color: #EAEAEA; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0;}
main .id_td2 { width: 40%; color: #333; font-weight: bold; background-color: #EAEAEA; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0;}
main .id_td3 { width: 60%; background-color: #FFF; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0;}
main .id_td4 { width: 40%; background-color: #FFF; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0;}
main .id_td5 { width: 60%; color: #FFF; font-weight: bold; background-color: #FF9900; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0;}
main .id_td6 { width: 40%; color: #FFF; font-weight: bold; background-color: #FF9900; border-top: solid 1px #BEBEBE; border-bottom: solid 1px #BEBEBE; margin: 0; padding: 8px 0;}

/* ヘルプ項目一覧 */
main .help { width: 96%; margin: 0 0 20px; padding: 10px 2% 0; background-color: #F7F7F7; border: solid 1px #F7F7F7; border-radius: 5px; color: #2771cf;}
main .help_title { width: 100%; background-color: transparent; list-style: none; margin: 0; padding: 0; display: inline-block;}
main .ht_1 { width: 29.3%; margin: 0; padding: 2%; font-size: 15px; color: #333; float: left;}
main .ht_btn { width: 90%; margin: 2% 0; padding: 1% 5%; background-color: #BBB; font-size: 15px; color: #FFF; display: block; border-radius: 5px;}
main .ht_btn:hover { width: 90%; margin: 2% 0; padding: 1% 5%; background-color: #FF9900; font-size: 15px; color: #FFF; display: block; border-radius: 5px;}
main .ht_btn2 { width: 90%; margin: 2% 0; padding: 1% 5%; background-color: #BBB; font-size: 15px; color: #FFF; display: block; border-radius: 5px;}
main .ht_btn2:hover { width: 90%; margin: 2% 0; padding: 1% 5%; background-color: #FF0000; font-size: 15px; color: #FFF; display: block; border-radius: 5px;}
main .help_img { width: 130px;}
main .help_icon { width: 100%; text-align: center; margin: 0; padding: 0;}

/* 変更フォーム見出し */
main .edit_title { width: 100%; background-color: transparent; list-style: none; margin: 0 0 20px; padding: 0; display: block;}
main .et_1 { width: 96%; margin: 4% 2% 4px; padding: 0; font-size: 21px; font-weight: bold; color: #2771cf;}
main .et_2 { width: 96%; margin: 1% 2% 0; padding: 0; font-size: 16px; font-weight: none; color: #333; display: block;}
main .et_3 { width: 96%; margin: 0 2%; padding: 0; font-size: 21px; line-height: 1.6; font-weight: bold; color: #000000;}
main .et_3_post { width: 30%; margin: 0 2%; padding: 0; font-size: 21px; line-height: 1.6; font-weight: bold; color: #FF0000; display: flex; }
main .et_3_2 { width: 96%; margin: 0 2%; padding: 0; font-size: 21px; line-height: 1.6; font-weight: bold; color: #FF0000;}
main .et_3_3 { width: 96%; margin: 1% 2% 0; padding: 0; font-size: 18px; line-height: 1.6;}
main .et_3_blue { width: 96%; margin: 0 2%; padding: 0; font-size: 21px; line-height: 1.6; font-weight: bold; color: #2771cf;}
main .et_3_none { width: 96%; margin: 0 2% 2%; padding: 0; font-size: 21px; line-height: 1.6; font-weight: normal; color: #333;}
main .et_wrap { width: 96%; margin: 3% 0 0; padding: 1% 2% 2%; border: solid 3px #FF0000;}
main .et_wrap2 { width: 97%; margin: 3% 0 0; padding: 2% 1.3%; border: solid 3px #FF0000;}
main .et_4 { width: 96%; margin: 0 2%; padding: 0; font-size: 21px; font-weight: bold; color: #FF0000;}
main .et_5 { width: 88%; margin: 1.5% 6%; padding: 0; font-size: 15px; line-height: 22px; font-weight: none; color: #333;}
main .et_6 { width: 88%; margin: 1.5% 6%; padding: 0 0 15px; font-size: 15px; line-height: 22px; font-weight: normal; color: #333;}
main .et_7 { width: 84%; margin: 1.5% auto; padding: 2% 2% 3%; background-color: #EFF4FA; font-size: 21px; font-weight: bold; color: #2771cf;}
main .et7_text { width: 98%; margin: 12px auto 0; display: block; font-size: 15px; line-height: 22px; font-weight: normal; color: #333;}
main .et7_text2 { width: 92%; margin: 12px auto 0; padding: 2% 3%; display: block; background-color: white; font-size: 15px; line-height: 22px; font-weight: normal; color: #333;}
main .et7_text3 { width: 98%; margin: 12px auto 0; display: block;  font-size: 15px; font-weight: bold; color: #2771cf;}
main .et7_text4 { width: 98%; margin: 0 auto; display: block; font-size: 13px; line-height: 20px; font-weight: normal; color: #333;}
main .et7_text5 { width: 98%; margin: 20px auto 0; display: block; font-size: 13px; line-height: 20px; font-weight: normal; color: #333;}
main .et_8 { width: 88%; margin: 1.5% 6%; padding: 0 0 15px; font-size: 15px; line-height: 22px; font-weight: none; color: #333;}
main .et_9 { width: 94%; margin: 1% auto; padding: 1.5%; background-color: #EFF4FA; font-size: 21px; font-weight: bold; color: #2771cf;}
main .et_9_2 { width: 98%; margin: 0; padding: 1%; font-size: 21px; font-weight: bold; color: #2771cf;}
main .et_10 { font-size: 16px; font-weight: bold; color: #FF0000; width: 92%; margin: 0 auto 2%; padding: 8px 2%; background-color: #FFF1D7;}
main .et_11 { width: 94%; margin: 1% auto; padding: 1.5%; background-color: #F3F5FE; font-size: 18px; font-weight: bold; }
main .et_11 input[type=radio]{ position: relative; width: 30px; margin: 0 0px 0 10px; display: inline-block;}
main .et_11 label { }
main .et_img { width: 600px; margin: 0 auto;}
main .et_img2 { width: 253px; margin: 0 auto;}
main .et_img3 { width: 424px; margin: 0 auto;}
#step { position: relative; display: inline-block; margin: 0 20px 0 0; padding: 2px 10px; color: #FFF; font-size: 16px; text-align: center; white-space: nowrap; background: #2771cf; border-radius: 5px; font-weight: bolder;}
#sp_bold { font-size: 12px; background-color: #FF0000; padding: 2px 4px; margin: 10px 0 0 10px; color: #FFFFFF; font-weight: bolder; border-radius: 3px;}

/* チェックボックス */
input[type=checkbox] {width:1em; height:1em; margin: 5px 1% 2px 1%; vertical-align:middle;}


/* ラジオボタン */
main fieldset {	width: 97%; margin: 1% 1.5% 2.3%; padding: 0; text-align: left; border: none; font-size: 18px; font-weight: bold; }
.radio-inline2_input { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 23px;}
.radio-inline2_label { padding: 10px; margin: 5px 3px; border-radius: 5px; transition: all .2s; background: #f5f5f5; color: #cccccc; width: 10%;}
.radio-inline2_input:checked + .radio-inline2_label { background: #FF0000; color: #fff;}
.radio-inline2_input:focus + .radio-inline2_label { outline-color: #FF0000; outline-offset: -2px; outline-style: auto; outline-width: 5px;}

/* 解約フォーム見出し */
main .form_title { width: 100%; background-color: transparent; list-style: none; margin: 0; padding: 0; display: block;}
main .ft_1 { width: 96%; margin: 2% 2% 4px; padding: 0; font-size: 21px; font-weight: bold; color: #333;}
main .ft_2 { width: 96%; margin: 4px 2% 4%; padding: 0; font-size: 16px; color: #333;}
main .ft_3 { width: 96%; margin: 4px 2% 2%; padding: 0; font-size: 14px; color: #fa3333; line-height: 1.5;}
main .ft_4 { width: 96%; margin: 0 2% 4%; padding: 0; font-size: 14px; color: #333; line-height: 1; text-align: right;}
main .ft_strong {font-size: 16px; display: block; margin-bottom: 6px;}

/* フォーム見出し */
main .info { width: 92%; margin: 0 auto 2%; padding: 8px 2%; background-color: #FFF1D7; border: solid 1px #FFF1D7; font-size: 13px; font-weight: bold; color: #fa3333; text-decoration: none; display: block;}
main .info2 { width: 92%; margin: 0 auto 25px; padding: 2%; background-color: #F7F7F7; border: solid 1px #F7F7F7; font-size: 16px; line-height: 1.5; font-weight: normal; color: #333; text-decoration: none; display: block;}
main .info3 { width: 92%; margin: 0 auto 8px; padding: 2%; background-color: #FFF1D7; border: solid 1px #FFF1D7; font-size: 13px; line-height: 1.5; font-weight: normal; color: #fa3333; text-decoration: none; display: block;}
main .info4 { width: 92%; margin: 0 auto 8px; padding: 2%; background-color: #FFF1D7; border: solid 1px #FFF1D7; font-size: 13px; line-height: 1.5; font-weight: normal; color: #fa3333; text-decoration: none; display: block;}
main .info5 { width: 94%; margin: 10px auto; padding: 8px 2%; background-color: #FFF1D7; border: solid 1px #FFF1D7; font-size: 13px; font-weight: bold; color: #fa3333; text-decoration: none; display: block;}
main .info5_span { font-size: 13px; color: #fa3333; margin-left: 0px; }
main .insurance_tab { width: 94%; margin: 0px auto; display: block;}
main .insurance_tab a { color: #0000FF;}
main .info6 { width: 92%; margin: 0 auto 15px; padding: 8px 2%; background-color: #FFF1D7; border: solid 1px #FFF1D7; font-size: 13px; font-weight: bold; color: #fa3333; text-decoration: none; display: block;}
main .info7 { width: 92%; margin: 0 auto 2%; padding: 8px 2%; background-color: #FFECE8; border: solid 1px #FFE9E9; font-size: 13px; font-weight: bold; color: #fa3333; text-decoration: none; display: block;}
main .info8 { width: 94%; margin: 10px auto; padding: 8px 2%; background-color: #FFF1D7; border: solid 1px #FFF1D7; font-size: 16px; font-weight: bold; color: #fa3333; text-decoration: none; display: block;}

/* エラーメッセージ部分 */
main #error_message {width: 92%; margin: 0 0 35px; padding: 15px 4% 10px; background-color: #fa3333; border-radius: 5px; font-size: 14px; color: #FFF; text-decoration: none; display: block;}

/* input 入力例文字色部分 */
/* ▼IE10・IE11用 */
:-ms-input-placeholder {color: #CCCCCC; }
/* ▼Chrome・Safari・Opera用(※1：Edgeでも有効) */
::-webkit-input-placeholder {color: #CCCCCC;}
/* ▼Firefox18以前用(※2) */
:-moz-placeholder {color: #CCCCCC;}
/* ▼Firefox19以上用(※3) */
::-moz-placeholder {color: #CCCCCC; opacity: 1;}
/* ▼CSS4標準(予定)の記述 */
::placeholder { color: #CCCCCC;}

/* 各種設定 */
main h3 { font-size: 21px; color: #666; margin: 0 0 8px 0; font-weight: normal;}
main h4 { font-size: 14px; margin: 0 0 15px; line-height: 1.6; font-weight: normal;}
main h5 { font-size: 21px; margin: 0 0 8px 0; font-weight: normal;}
main h6 { font-size: 14px; margin: 0 0 15px; line-height: 1.6; font-weight: normal;}
main small { font-size: 14px; color: #666; font-weight: normal;}
main em { font-weight: bold; text-decoration: underline; font-style: normal;}
main input {width: 63px;margin: 0 0 8px 0; padding: 10px 1%; background-color: #F3F5FE; border: solid 1px #B8C0D7; border-radius: 5px; font-size: 18px; color: #000000; font-weight: normal;}
main textarea { width: 98%; margin: 0 0 8px 0; padding: 10px 1%; background-color: #F3F5FE; border: solid 1px #B8C0D7; border-radius: 5px; font-size: 18px; color: #000000; font-weight: normal; resize: none;}
main .edit { width: 98%; margin: 0 0 1% 0; padding: 10px 1%; background-color: #F3F5FE; border: solid 1px #B8C0D7; border-radius: 5px; font-size: 18px; color: #000000; font-weight: normal;}
main .edit_post { width: 98%; margin: 0 0 1% 0; padding: 10px 3%; background-color: #F3F5FE; border: solid 1px #B8C0D7; border-radius: 5px; font-size: 18px; color: #000000; font-weight: normal;}
main .change { width: 98%; margin: 0 0 18px 0; padding: 10px 1%; background-color: #F3F5FE; border: solid 1px #B8C0D7; border-radius: 5px; font-size: 18px; color: #888; font-weight: normal;}
main a { text-decoration: none;}
main .forget_attend { width: 94%; margin: 0 0 20px; padding: 8px 3%; background-color: #FFF1D7; border: solid 1px #FFF1D7; border-radius: 5px; font-size: 14px; color: #fa3333; text-decoration: none; display: block;}
main .refresh { width: 8%; margin: 0 0 0 8px; padding: 1% 2%; background-color: #BBB; border: solid 1px #BBB; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; text-align: center;}
main .refresh:hover { width: 8%; margin: 0 0 0 8px; padding: 1% 2%; background-color: #FF0000; border: solid 1px #FF0000; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; text-align: center;}
main ul { width: 560px; margin: 15px auto 30px; padding: 25px 30px; background-color: #FFF; font-size: 14px; color: #666; line-height: 1.6; border-radius: 5px; }
main ul li { width: 92%; margin: 0 4%; font-size: 12px; line-height: 2; }
main strong {font-size: 16px; display: block; margin-bottom: 12px; line-height: 1.6;}
main b { font-weight: bolder; color: #FF0000;}
main .forget_btn { width: 88%; margin: 20px auto; padding: 8px 4%; background-color: #BBB; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block;}
main .forget_btn:hover { width: 88%; margin: 20px auto; padding: 8px 4%; background-color: #FF9900; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block; cursor: pointer;}
main .forget_btn2 { width: 92%; margin: 20px 0 5px; padding: 8px 4%; background-color: #BBB; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block;}
main .forget_btn2:hover { width: 92%; margin: 20px 0 5px; padding: 8px 4%; background-color: #FF0000; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block; cursor: pointer; }
main .forget_btn3 { width: 88%; margin: 20px auto; padding: 8px 4%; background-color: #BBB; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block;}
main .forget_btn3:hover { width: 88%; margin: 20px auto; padding: 8px 4%; background-color: #fa3333; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; display: block; cursor: pointer; }
main .forget_btn4 { font-size: 21px; width: 97%; background-color: #ff9600; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 30px; border: none; margin: 25px auto 20px; padding: 10px 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
main .forget_btn4:hover { font-size: 21px; width: 97%; background-color: #fa3333; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 30px; border: none; margin: 25px auto 20px; padding: 10px 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
main .forget_btn5 { font-size: 21px; width: 97%; background-color: #ff9600; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 30px; border: none; margin: 5px auto 20px; padding: 10px 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
main .forget_btn5:hover { font-size: 21px; width: 97%; background-color: #fa3333; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 30px; border: none; margin: 5px auto 20px; padding: 10px 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
main .address_btn { width: 88%; padding: 8px 4%; background-color: #ff9600; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; text-align: center; display: block;}
main .address_btn:hover { width: 88%; padding: 8px 4%; background-color: #fa3333; border-radius: 5px; font-size: 18px; color: #FFF; text-decoration: none; text-align: center;  display: block; cursor: pointer; }
input[type="submit"] { font-size: 21px; width: 97%; background-color: #ff9600; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 30px; border: none; margin: 25px auto 20px; padding: 10px 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="submit"]:hover { font-size: 21px; width: 97%; background-color: #fa3333; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 30px; border: none; margin: 25px auto 20px; padding: 10px 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}

/* フッター設定 */
footer { width: 100%; color: white; margin: 0 auto; text-align: center; padding: 30px 0 10px; background-color: #2771cf;}
footer nav { text-align: center;}
footer ul { width: 90%; margin: 0 auto; padding: 15px 0; text-align: center;}
footer ul li { font-size: 12px; display: inline; margin-left: 5px; padding-left: 10px; border-left: 1px solid white;}
footer ul li:first-child { margin-left: 0; padding-left: 0; border-left: 0;}
footer a { color: white; text-decoration: none; }
footer .footer_logo { width: 250px;}
footer .copy { font-size: 11px; text-align: center; margin-bottom: 20px;}

/* 上に上がる */
#page_top{ width: 60px; height: 60px; position: fixed; right: 0; bottom: 0;opacity: 0.6;}
#page_top a{ width: 60px; height: 60px;text-decoration: none;}
#page_top a::before{ font-family: 'FontAwesome'; font-weight: 900; content: '\f0aa'; font-size: 60px; color: #000;}

/* モーダルウィンドウ */
.modal-wrapper { z-index: 999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 20px 10px; text-align: center; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease; }
.modal-wrapper.show { opacity: 1; visibility: visible; }
.modal-wrapper::after { display: inline-block; height: 100%; margin-left: -.05em; vertical-align: middle; content: ""}
.modal-wrapper .modal-window { box-sizing: border-box; display: inline-block; z-index: 20; position: relative; width: 70%; max-width: 600px; padding: 15px 30px; border-radius: 2px; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .6); vertical-align: middle}
.modal-wrapper .modal-window .modal-content { max-height: 80vh; overflow-y: auto; }
.modal-wrapper .modal-window .modal-content2 { max-height: 75vh; overflow-y: auto; padding-right: 15px; }
.modal-window { box-sizing: border-box; display: inline-block; z-index: 20; position: relative; width: 70%; max-width: 600px; padding: 15px 30px; border-radius: 2px; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .6); vertical-align: middle; opacity: 0; transform: translateY(-30px); transition: opacity 0.5s ease, transform 0.5s ease; }
.modal-wrapper.show .modal-window { opacity: 1; transform: translateY(0); }
.modal-overlay { z-index: 10; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .8); transition: background 0.5s ease; }
.modal-wrapper.show .modal-overlay { background: rgba(0, 0, 0, 0.8); }
.modal-wrapper .modal-close { z-index: 25; position: absolute; top: 10px; right: 0px; width: 35px; height: 35px; color: #95979c !important; font-size: 20px; font-weight: 700; line-height: 35px; text-align: center; text-decoration: none; background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.modal-wrapper .modal-close:hover { color: #2b2e38 !important}
.review_01 { width: 94%; margin: 18px auto 0; padding: 3%; background-color: #FF0000; font-size: 20px; color: #FFF; font-weight: bold; text-align: center; border-radius: 5px}
.review_02 { width: 98%; margin: 20px 0 10px; padding: 0 1%; font-size: 20px; color: #FF0000; font-weight: bold; text-align: left; text-decoration: underline;}
.review_03 { width: 98%; margin: 0 auto; padding: 0 1%; font-size: 16px; line-height: 1.4; color: #000; font-weight: normal; text-align: left;}
.modal-title { width: 94%; margin: 1% auto; padding: 0 3% 2%; font-size: 22px; color: #777777; font-weight: bold; text-align: center; border-bottom: solid 1px #999999;}
.modal-cont-wrap { width: 100%; margin: 1% 0; padding: 1% 0; display: flex; list-style: none;}
.modal-cont-wrap strong { color: #FF0000; font-weight: bold; font-size: 20px; line-height: 1;}
.modal-img { width: 30%; margin: 0; padding: 0; text-align: left; }
.modal-img img { width: 100%; margin: 0; padding: 0; }
.modal-text { width: 70%; margin: 0; padding: 10px; font-size: 16px; line-height: 1.2; color: #000; font-weight:normal; text-align: left; display: table;}
.modal-text p { display: table-cell; vertical-align: middle;}
.opt_modal_btn { color: #ff0000; }
.modal-title02 { font-size: 16px; text-align: left; line-height: 1.2; color:#000; }
.modal-title03 { font-size: 16px; text-align: left; margin:1rem 0 0.6rem; padding: 0.5rem 0.8rem; line-height: 1.6; color:#FFF; background-color: #515151; }
.modal-text02 { font-size: 14px; text-align: left; line-height: 1.2; color:#000; }
.modal-text03 { font-size: 14px; text-align: left; margin:1rem 0 0.6rem; padding: 0.5rem 0.8rem; line-height: 1.2; color:#000; border:solid 1px #515151 }
.red { font-size: 14px; line-height: 1.2; color:#FF0000; margin: 0; padding: 0; }

/* 20240415 */
#exp_0415 { width: 99%; padding: 20px 0 0; margin: 0 auto; }
#exp_0415 th { border-top: solid 1px #000; padding: 5px 10px 5px; text-align: left; white-space: nowrap;}
#exp_0415 td { border-top: solid 1px #000; padding: 5px 10px 8px; text-align: right;}
#exp_0415 .exp_0415_1_1 { font-size: 20px; line-height: 0.5;}
#exp_0415 .exp_0415_1_2 { font-size: 12px; line-height: 0.5; margin-right: 20px;}
#exp_0415 .exp_0415_2_1 { font-size: 15px; line-height: 0.5; font-weight: bold;}
#exp_0415 .exp_0415_2_2 { font-size: 20px; line-height: 0.5; white-space: nowrap; }
#exp_0415 .exp_0415_2_3 { font-size: 12px; line-height: 0.5; margin-right: 20px;}
#exp_0415 .exp_0415_3_1 { font-size: 15px; line-height: 0.5; font-weight: bold; margin-right: 20px;}
#exp_0415 .exp_0415_3_2 { font-size: 20px; line-height: 0.5;}
#exp_0415 .exp_0415_3_3 { font-size: 12px; line-height: 0.5; margin-right: 20px;}
#exp_0415 .exp_0415_4_1 { font-size: 15px; line-height: 0.5; font-weight: bold; margin-right: 14px;}
#exp_0415 .exp_0415_4_2 { font-size: 20px; line-height: 0.5; white-space: nowrap; }
#exp_0415 .exp_0415_5_1 { font-size: 20px; line-height: 0.5;}
#exp_0415 .exp_0415_5_2 { font-size: 12px; line-height: 0.5; margin-right: 20px;}
#exp_0415 .exp_0415_4_3 { font-size: 12px; line-height: 0.5; margin-right: 20px;}
#exp_0415 .exp_0415_6 { font-size: 20px; line-height: 0.5;}
#exp_0415 .red { color: #FF0000;}
#exp_0415 .bulue { color: #0000FF;}

@media screen and (max-width: 768px) {
#exp_0415 .exp_0415_1_1 { font-size: 17px; line-height: 0.5;}
#exp_0415 .exp_0415_1_2 { font-size: 11px; line-height: 0.5; margin-right: 12px;}
#exp_0415 .exp_0415_2_1 { font-size: 14px; line-height: 0.5;}
#exp_0415 .exp_0415_2_2 { font-size: 17px; line-height: 0.5;}
#exp_0415 .exp_0415_2_3 { font-size: 11px; line-height: 0.5; margin-right: 12px;}
#exp_0415 .exp_0415_3_1 { font-size: 14px; line-height: 0.5; margin-right: 12px;}
#exp_0415 .exp_0415_3_2 { font-size: 17px; line-height: 0.5;}
#exp_0415 .exp_0415_3_3 { font-size: 11px; line-height: 0.5; margin-right: 12px;}
#exp_0415 .exp_0415_4_1 { font-size: 14px; line-height: 0.5; margin-right: 2px;}
#exp_0415 .exp_0415_4_2 { font-size: 17px; line-height: 0.5;}
#exp_0415 .exp_0415_4_3 { font-size: 11px; line-height: 0.5; margin-right: 12px;}
#exp_0415 .exp_0415_5_1 { font-size: 17px; line-height: 0.5;}
#exp_0415 .exp_0415_5_2 { font-size: 11px; line-height: 0.5; margin-right: 12px;}
#exp_0415 .exp_0415_6 { font-size: 18px; line-height: 0.5;}
}

@media screen and (max-width: 680px) {
#exp_0415 .last td:last-child { border: none; }
#exp_0415 { width: 98%; margin: 0; }
#exp_0415 th { border-bottom: none; display: block; font-size: 17px; font-weight: bold; text-align: left; }
#exp_0415 td { border-bottom: none; display: block; }
#exp_0415 .exp_0415_1_1 { font-size: 17px; line-height: 1; }
#exp_0415 .exp_0415_1_2 { font-size: 12px; line-height: 1; margin-bottom: 14px; margin-right: 12px;}
#exp_0415 .exp_0415_2_1 { font-size: 14px; line-height: 1;}
#exp_0415 .exp_0415_2_2 { font-size: 17px; line-height: 1;}
#exp_0415 .exp_0415_2_3 { font-size: 11px; line-height: 1; margin-right: 16px;}
#exp_0415 .exp_0415_3_1 { font-size: 14px; line-height: 1; margin-right: 12px;}
#exp_0415 .exp_0415_3_2 { font-size: 17px; line-height: 1;}
#exp_0415 .exp_0415_3_3 { font-size: 11px; line-height: 1;}
#exp_0415 .exp_0415_4_1 { font-size: 14px; line-height: 1; margin-right: 2px;}
#exp_0415 .exp_0415_4_2 { font-size: 17px; line-height: 1;}
#exp_0415 .exp_0415_4_3 { font-size: 11px; line-height: 1; margin-right: 12px;}
#exp_0415 .exp_0415_5_1 { font-size: 17px; line-height: 1;}
#exp_0415 .exp_0415_5_2 { font-size: 11px; line-height: 1; margin-right: 12px;}
#exp_0415 .exp_0415_6 { font-size: 18px; line-height: 1;}
}

@media screen and (max-width: 480px) {
#faq-area { padding: 6px 0 0; margin: 0 auto; }
#exp_0415 .last td:last-child { border: none; }
#exp_0415 { width: 98%; margin: 0; }
#exp_0415 th { border-bottom: none; display: block; font-size: 15px; font-weight: bold; }
#exp_0415 td { border-bottom: none; display: block; }
#exp_0415 .exp_0415_1_1 { font-size: 16px; line-height: 1; }
#exp_0415 .exp_0415_1_2 { font-size: 11px; line-height: 1; margin: 0 auto 16px; display: block; text-align: left;}
#exp_0415 .exp_0415_2_1 { font-size: 14px; line-height: 1; margin: 14px auto 16px; display: block; text-align: left;}
#exp_0415 .exp_0415_2_2 { font-size: 16px; line-height: 1;}
#exp_0415 .exp_0415_2_3 { font-size: 11px; line-height: 1; margin-right: 10px;}
#exp_0415 .exp_0415_3_1 { font-size: 14px; line-height: 1; margin: 14px auto 16px; display: block; text-align: left;}
#exp_0415 .exp_0415_3_2 { font-size: 16px; line-height: 1;}
#exp_0415 .exp_0415_3_3 { font-size: 11px; line-height: 1;}
#exp_0415 .exp_0415_4_1 { font-size: 14px; line-height: 1; margin: 14px auto 16px; display: block; text-align: left;}
#exp_0415 .exp_0415_4_2 { font-size: 16px; line-height: 1;}
#exp_0415 .exp_0415_4_3 { font-size: 11px; line-height: 1; margin-right: 10px;}
#exp_0415 .exp_0415_5_1 { font-size: 16px; line-height: 1;}
#exp_0415 .exp_0415_5_2 { font-size: 11px; line-height: 1; margin-right: 10px;}
#exp_0415 .exp_0415_6 { font-size: 17px; line-height: 1;}
}

/* 2024 タブ内展開メニュー*/
.faq-check{ display: none; }
.faq-label{ background: #00B6E4; color: #fff; display: block; margin: 4px 0 1px; padding: 4px 10px; position: relative; font-size: 0.9rem; font-weight: 900;}
.faq-label:before{ content: '\f0a9'; font-family: "Font Awesome 5 Free"; padding: 10px 6px 0 0; font-weight:900;}
.faq-label:hover{ background: #0062A7; color: #FFF; border: }
.faq-content{ border: 1px solid #eef8ff; background-color: #fff; display: block; height: 0; opacity: 0; padding: 0 10px; transition: .5s; visibility: hidden;}
.faq-check:checked + .faq-label:before{content: '\f0ab';}
.faq-check:checked + .faq-label + .faq-content{ height: auto; opacity: 1; padding: 0 10px; visibility: visible; margin-bottom: 10px; line-height: 1.2;}
/* 20240415 */