@charset "UTF-8";

/*　画面サイズが1200pxまで、以下のスタイル適用 */
@media (min-width: 1200px){
/* パンくずコンテナ(pc) */
header #head_wrap { width: 1100px; display: flex; margin: 0 auto;}
#pc {display:block;}
#sp {display:none;}
}

/*　画面サイズが896pxまで、以下のスタイル適用 */
@media (max-width: 896px){
/* ヘッダ設定 */
header #head_wrap {width: 98%;}
#pc {display:none;}
#sp {display:block;}
header ul{ padding-top: 18px;}
header ul li:first-child { margin: 0 20px 0 0;}
header a{ font-size: 34px;}
	
/* 顧客情報表示 */
#custmer_info ul{ font-size: 17px; width: 98%; padding: 12px 0;}
.selectdiv {font-size: 14px; width: 98%; padding: 12px 0 17px; line-height: 1.7;}
.selectdiv:after { content: '>'; font: 16px "Consolas", monospace; color: #005793; right: 12px; top: 13px; padding: 0 0 2px; }
.selectdiv select { max-width: 280px; margin: 0 0 0 8px; padding: 2px 8px 0; font-size: 13px;}

/* 各種プルダウン設定 */
.selectdiv2 { margin: 0 auto; padding: 2px 0 8x;}
.selectdiv2:after { font: 18px "Consolas", monospace; color: #005793; right: 12px; top: 6px; padding: 0;}
.selectdiv2 select { padding: 4px 8px; font-size: 17px;}
.selectdiv3 { margin: 0; padding: 2px 0 50px;}
select::-ms-expand {display: none;}
.selectdiv3:after { font: 22px "Consolas", monospace; color: #005793; right: 12px; top: 12px;}
.selectdiv3 select { font-size: 16px; }

/* ファイルアップボタン設定 */
#file_up { font-size: 18px; }
#file_up input { font-size: 16px; }
.image_preview { width: 90%; display: block; margin-bottom: 30px;}

/* メイン設定 */
main { width: 100%; margin: 0 auto; padding: 20px 0;}
main #title { width: 98%;}
main #title h1 {font-size: 26px; margin-bottom: 20px;}
main #title h2 {font-size: 15px; line-height: 1.6; margin-bottom: 20px;}

/* お知らせ表示 */
main #attend { width: 98%;}
main ol { width: 100%; margin: 0 0 18px;}
main ol li:first-child { width: 20%; font-size: 15px;}
main ol li:last-child { width: 74%; font-size: 15px;}
main ol a { font-size: 15px;}
	
/* ナビゲーションタブ表示 */
main #main_navi { width: 98%;}
main .tab1 { font-size:16px; width: 20.8%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab1:hover { font-size:16px; width: 20.8%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab1_on { font-size:16px; width: 20.8%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab2 { font-size:16px; width: 20.8%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab2:hover { font-size:16px; width: 20.8%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab2_on { font-size:16px; width: 20.8%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab3 { font-size:16px; width: 20.9%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab3:hover { font-size:16px; width: 20.9%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab3_on { font-size:16px; width: 20.9%; margin: 0 0.2% 0 0; padding: 0.5% 2%;}
main .tab4 { font-size:16px; width: 21%; padding: 0.5% 2%;}
main .tab4:hover { font-size:16px; width: 21%; padding: 0.5% 2%;}
main .tab4_on { font-size:16px; width: 21%; padding: 0.5% 2%;}
main .et_wrap2 { width: 96%; margin: 2% 0 0; padding: 2% 1.8%;}

/* コンテンツ部分 */
main #contents { width: 94%; margin: 0 auto 10px; padding: 10px 2% 1px; line-height: 1.6;}
main #contents2 { width: 94%; margin: 0 auto 10px; padding: 10px 2% 1px; line-height: 1.6;}

/* 月次切り替え */
main #month_navi { width: 100%; margin: 0 auto 18px;}
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; padding: 0; }
main .tab1_mt { font-size:16px; width: 33%; margin: 0; padding: 0;}
main .tab1_mt:hover { font-size:16px; width: 33%; margin: 0; padding: 0;}
main .tab1_mt_on { font-size:16px; width: 33%; margin: 0; padding: 0.3%;}
main .tab2_mt { font-size:16px; width: 33.6%; margin: 0; padding: 0;}
main .tab2_mt:hover { font-size:16px; width: 33.6%; margin: 0; padding: 0;}
main .tab2_mt_on { font-size:16px; width: 33.6%; margin: 0; padding: 0.3%;}
main .tab3_mt { font-size:16px; width: 33.15%; margin: 0; padding: 0;}
main .tab3_mt:hover { font-size:16px; width: 33.15%; margin: 0; padding: 0;}
main .tab3_mt_on { font-size:16px; width: 33.15%; margin: 0; padding: 0;}
	
/* データ関連見出し各種 */
main .score { width: 96%; margin: 0 0 20px; padding: 0 2%;}
main .score_title { width: 100%; margin: 0; padding: 0; display: flex;}
main .st_1 { width: 32%; padding: 0; font-size: 19px;}
main .st_2 { width: 60%; padding: 6px 0 0 0; font-size: 13px;}

/* 各種ボタン設定 */
main .btn { margin: 0 auto 8px; font-size: 17px;}
main .btn:hover { margin: 0 auto 8px; font-size: 17px;}
main .btn2 { margin: 0 auto 25px; font-size: 17px;}
main .btn2:hover { margin: 0 auto 25px; font-size: 17px;}
main .btn3 { margin: 15px auto 15px; font-size: 17px; }
main .btn3:hover { margin: 15px auto 15px; font-size: 17px;}
main .btn4 { margin: 0 auto 20px; font-size: 17px;}
main .btn4:hover { margin: 0 auto 20px; font-size: 17px;}

/* 顧客情報表組み */
main table { width: 96%; font-size: 14px;}
main .info_td1 { width: 32%; padding: 8px 4%;}
main .info_td2 { width: 56%; padding: 8px 2%;}
main .info_td3 { width: 32%; padding: 8px 4%;}
main .info_td4 { width: 56%; padding: 8px 2%;}

/* 変更フォーム見出し */
main .et_1 { margin: 2% 2% 4px; font-size: 19px; margin: 3% 2% 4px;}
main .et_2 { margin: 0 2% 0; font-size: 15px;}
main .et_3 { margin: 0 2% 1%; font-size: 19px;}
main .et_3_2 { margin: 0 2% 0.2%; font-size: 19px;}
main .et_3_none { margin: 0 2% 2%; font-size: 19px;}
main .et_4 { margin: 0 2%; font-size: 19px;}

main .et_5 { width: 88%; margin: 1.5% 6%; padding: 0; font-size: 15px; line-height: 22px;}
main .et_6 { width: 88%; margin: 1.5% 6%; padding: 0 0 15px; font-size: 15px; line-height: 22px;}
main .et_7 { width: 84%; margin: 1.5% auto; padding: 2% 2% 3%; font-size: 21px;}
main .et7_text { width: 98%; margin: 12px auto 0; font-size: 15px; line-height: 22px;}
main .et7_text2 { width: 92%; margin: 12px auto 0; padding: 2% 3%; font-size: 15px; line-height: 22px;}
main .et7_text3 { width: 98%; margin: 12px auto 0; font-size: 15px;}
main .et7_text4 { width: 98%; margin: 0 auto; font-size: 13px; line-height: 20px;}
main .et7_text5 { width: 98%; margin: 12px auto 0; font-size: 13px; line-height: 20px;}
main .et_8 { width: 88%; margin: 1.5% 6%; padding: 0 0 15px; font-size: 15px; line-height: 22px;}
main .et_10 {font-size: 15px;}
#step { margin: 0 20px 0 0; padding: 2px 10px; font-size: 16px; }
main .et_img { width: 83%; margin: 0 auto;}
main .et_img2 { width: 35%; margin: 0 auto;}
main .et_img3 { width: 50%; margin: 0 auto;}
	
/* ラジオボタン */
main fieldset {	width: 97%; margin: 1.5% 1.5% 2.5%;}

/* 解約フォーム見出し */
main .ft_1 { margin: 2% 2% 4px; font-size: 19px;}
main .ft_2 { margin: 4px 2% 4%; font-size: 15px;}
main .ft_3 { margin: 4px 2% 2%; font-size: 13px; line-height: 1.4;}
main .ft_4 { margin: 0 2% 4%; font-size: 14px;}
main .ft_strong {font-size: 15px; margin-bottom: 5px;}

/* フォーム見出し */
main .info { margin: 0 auto 10px; padding: 8px 2%; font-size: 13px;}
main .info2 { margin: 0 auto 25px; padding: 2%; font-size: 15px; line-height: 1.4;}
main .info3 { margin: 0 auto 8px; padding: 8px 2%; font-size: 13px;}
main .info4 { margin: 0 auto 8px; padding: 8px 2%; font-size: 13px;}
main .info5 { margin: 15px auto 8px; padding: 8px 2%; font-size: 13px;}

/* エラーメッセージ部分 */
main #error_message {width: 92%; margin: 0 0 25px; padding: 2% 4% 1%;}

/* 各種設定 */
main h3 { font-size: 19px;}
main h4 { font-size: 13px;}
main h5 { font-size: 19px;}
main h6 { font-size: 13px;}
main small { font-size: 13px;}
main input { font-size: 14px;}
main .change { font-size: 14px;}
main textarea { margin: 0 0 5px 0; padding: 8px 1%; font-size: 16px;}
main .edit { margin: 0 0 5px 0; padding: 8px 1%; font-size: 16px;}
main .forget_attend { font-size: 13px; margin: 0 0 15px;}
main ul { width: 74%; margin: 15px auto 30px; padding: 25px 3%; font-size: 13px; line-height: 1.6; }
main ul li { width: 92%; margin: 0 4%; font-size: 12px; line-height: 2; }
main strong {font-size: 15px; margin-bottom: 12px;}
main .forget_btn { font-size: 16px;}
main .forget_btn:hover { font-size: 16px;}
main .forget_btn2 { font-size: 16px;}
main .forget_btn2:hover { font-size: 16px;}
main .forget_btn3 { font-size: 16px;}
main .forget_btn3:hover { font-size: 16px;}
main .forget_btn4 { font-size: 18px;}
main .forget_btn4:hover { font-size: 18px;}
input[type="submit"] { font-size: 18px;}
input[type="submit"]:hover { font-size: 18px;}

/* モーダルウィンドウ */
.modal-wrapper { padding: 40px 10px;}
.modal-wrapper .modal-window { width: 96%; max-width: 96%; padding: 2% 2% 1%;}
.review_01 { width: 94%; margin: 18px auto 0; padding: 3%; font-size: 18px;}
.review_02 { width: 98%; margin: 20px 0 10px; padding: 0 1%; font-size: 18px;}
.review_03 { width: 98%; margin: 0 auto; padding: 0 1%; font-size: 15px; line-height: 1.3;}
}

/*　画面サイズが480pxまで、以下のスタイル適用 */
@media (max-width: 480px){
/* ロゴサイズ設定 */
header .logo{ margin: 0 0;}
header .logo img{width: 200px; margin: 12px 0;}
header ul{ padding-top: 0px;}
header ul li:first-child { margin: 0 10px 0 0; display: inline;}
header a{ font-size: 24px;}
footer .footer_logo {width: 200px;}

/* 顧客情報表示 */
#custmer_info ul{ font-size: 15px; width: 98%; padding: 12px 0;}
.selectdiv {font-size: 12px; width: 98%; padding: 12px 0 17px; line-height: 1.7;}
.selectdiv:after { content: '>'; font: 14px "Consolas", monospace; color: #005793; right: 12px; top: 15px; padding: 0 0 2px; }
.selectdiv select { max-width: 250px; margin: 0 0 0 8px; padding: 2px 8px 0; font-size: 12px; border: 1px solid #cccccc; border-radius: 5px;}

/* お知らせ表示 */
main #attend { width: 98%;}
main ol { width: 100%; margin: 12px 0;}
main ol li:first-child { width: 24%; font-size: 13px;}
main ol li:last-child { width: 70%; font-size: 13px;}
main ol a { font-size: 13px;}

/* メイン設定 */
main { width: 100%; margin: 0 auto; padding: 20px 0;}
main #title { width: 98%;}
main #title h1 {font-size: 22px; margin-bottom: 20px;}
main #title h2 {font-size: 13px; line-height: 1.6; margin-bottom: 20px;}

/* ナビゲーションタブ表示 */
main .tab1 { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab1:hover { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab1_on { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab2 { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab2:hover { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab2_on { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab3 { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab3:hover { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab3_on { font-size:14px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab4 { font-size:14px; width: 20.7%; padding: 0.5% 2%;}
main .tab4:hover { font-size:14px; width: 20.7%; padding: 0.5% 2%;}
main .tab4_on { font-size:14px; width: 20.7%; padding: 0.5% 2%;}
main .et_wrap2 { width: 96%; margin: 3% 0 0; padding: 1.4% 1.5%;}

/* コンテンツ部分 */
main #contents { width: 94%; margin: 0 auto 20px; padding: 2px 2% 1px; line-height: 1.6;}
main #contents2 { width: 94%; margin: 0 auto 20px; padding: 2px 2% 1px; line-height: 1.6;}

/* 月次切り替え */
main .tab1_mt { font-size:14px; width: 33%; margin: 0; padding: 0;}
main .tab1_mt:hover { font-size:14px; width: 33%; margin: 0; padding: 0;}
main .tab1_mt_on { font-size:14px; width: 33%; margin: 0; padding: 0.3%;}
main .tab2_mt { font-size:14px; width: 33.6%; margin: 0; padding: 0;}
main .tab2_mt:hover { font-size:14px; width: 33.6%; margin: 0; padding: 0;}
main .tab2_mt_on { font-size:14px; width: 33.6%; margin: 0; padding: 0.3%;}
main .tab3_mt { font-size:14px; width: 33.15%; margin: 0; padding: 0;}
main .tab3_mt:hover { font-size:14px; width: 33.15%; margin: 0; padding: 0;}
main .tab3_mt_on { font-size:14px; width: 33.15%; margin: 0; padding: 0;}
	
/* データ関連見出し各種 */
main .score { width: 96%; margin: 0 0 20px; padding: 0 2%;}
main .score_title { width: 100%; margin: 0; padding: 0; display: block;}
main .st_1 { width: 96%; margin: 2% 2% 1%; padding: 0; font-size: 19px;}
main .st_2 { width: 96%; margin: 0 2% 3%; padding: 0; font-size: 13px;}

/* 複数台契約データ関連見出し各種 */
main .score_title_corp { width: 100%; background-color: transparent; list-style: none; margin: 0; padding: 0; display: flex;}
main .stc_1 { width: 44%; margin: 2%; padding: 3px 0 0 0; font-size: 14px; color: #333;}
main .stc_2 { width: 48%; margin: 2%; padding: 3px 0 0 0; font-size: 14px; text-align: right;}

/* データ表示部分 */
main .score_detail { width: 96%; margin: 0 auto 15px; display: block;}
main .sd_1 { width: 96%; margin: 2% 2% 0; padding: 0; font-size: 14px; text-align: center;}
main .sd_2 { width: 96%; margin: 0 2% 3%; padding: 0; font-size: 14px; text-align: center;}
main span { font-size: 18px;}

/* 過去データ表示部分 */
main .score_detail_back { width: 96%; margin: 0 auto 15px; padding: 0; display: flex;}
main .score_detail_back2 { width: 96%; margin: 0 auto 10px; padding: 0; display: flex;}
main .score_detail_back3 { width: 96%; margin: 15px auto 20px; padding: 0; display: flex;}
main .sdb_1 { width: 40%; margin: 2%; padding: 4px 0 0 0; font-size: 14px;}
main .sdb_2 { width: 48%; margin: 2%; padding: 0; font-size: 18px;}

/* 国内 過去データ 日別表示部分 */
main .dt_td1 { font-size: 12px}
main .dt_td2 { font-size: 12px}
main .dt_td3 { font-size: 12px}
main .dt_td4 { font-size: 12px}

/* 海外 過去データ 日別表示部分 */
main .oversers_td1 { font-size: 12px}
main .oversers_td2 { font-size: 12px}
main .oversers_td3 { font-size: 12px}
main .oversers_td4 { font-size: 12px}
main .oversers_td5 { font-size: 12px}
main .oversers_td6 { font-size: 12px}

/* 支払い明細表組み */
main .info_detail { width: 96%; margin: 0 auto 8px;}
main .info_detail2 { width: 96%; margin: 0 auto 15px;}
main .info_detail3 { width: 96%; margin: 0 auto 5px;}
main .info_detail4 { width: 96%; margin: 0 auto 60px;}
main .id_td1 { font-size: 12px}
main .id_td2 { font-size: 12px}
main .id_td3 { font-size: 12px}
main .id_td4 { font-size: 12px}
main .id_td5 { font-size: 12px}
main .id_td6 { font-size: 12px}

/* 各種ボタン設定 */
main .btn { margin: 0 auto 8px; font-size: 16px;}
main .btn:hover { margin: 0 auto 8px; font-size: 16px;}
main .btn2 { margin: 0 auto 15px; font-size: 16px;}
main .btn2:hover { margin: 0 auto 15px; font-size: 16px;}
main .btn3 { margin: 15px auto 15px; font-size: 16px; }
main .btn3:hover { margin: 15px auto 15px; font-size: 16px;}
main .btn4 { margin: 0 auto 20px; font-size: 16px;}
main .btn4:hover { margin: 0 auto 20px; font-size: 16px;}

/* 顧客情報表組み */
main table { width: 96%; font-size: 13px;}

/* ヘルプ項目一覧 */
main .ht_1 { width: 46%; padding: 2%; font-size: 14px;}
main .ht_btn { font-size: 13px;}
main .ht_btn:hover { font-size: 13px;}
main .ht_btn2 { font-size: 13px;}
main .ht_btn2:hover { font-size: 13px;}
	
/* ラジオボタン */
main fieldset {	width: 97.4%; margin: 2.5% 1.3% 5%; font-size: 15px;}

/* 変更フォーム見出し */
main .et_1 { margin: 2% 2% 4px; font-size: 18px; line-height: 1.7; margin: 6% 2% 4px;}
main .et_2 { margin: 0% 2%; font-size: 14px;}
main .et_3 { margin: 0 2% 2%; font-size: 18px;}
main .et_3_2 { margin: 0 2% 1%; font-size: 18px;}
main .et_3_none { margin: 0 2% 2%; font-size: 18px;}
main .et_4 { margin: 0 2%; font-size: 18px;}

main .et_5 { width: 88%; margin: 1.5% 6%; padding: 0; font-size: 14px; line-height: 21px;}
main .et_6 { width: 88%; margin: 1.5% 6%; padding: 0 0 14px; font-size: 14px; line-height: 21px;}
main .et_7 { width: 84%; margin: 1.5% auto; padding: 2% 2% 3%; font-size: 18px;}
main .et7_text { width: 98%; margin: 11px auto 0; font-size: 14px; line-height: 21px;}
main .et7_text2 { width: 92%; margin: 11px auto 0; padding: 2% 3%; font-size: 14px; line-height: 21x;}
main .et7_text3 { width: 98%; margin: 11px auto 0; font-size: 15px;}
main .et7_text4 { width: 98%; margin: 0 auto; font-size: 12px; line-height: 19px;}
main .et7_text5 { width: 98%; margin: 11px auto 0; font-size: 12px; line-height: 19px;}
main .et_8 { width: 88%; margin: 1.5% 6%; padding: 0 0 15px; font-size: 14px; line-height: 21px;}
main .et_9 { width: 94%; margin: 1.5% auto; padding: 1.5%; background-color: #EFF4FA; font-size: 18px; font-weight: bold; color: #2771cf;}
main .et_9_2 { width: 98%; margin: 0; padding: 1%; font-size: 18px; font-weight: bold; color: #2771cf;}
main .et_10 { font-size: 14px;}
#step { margin: 0 18px 0 0; padding: 1.5px 9px; font-size: 15px; }
main .et_img { width: 94%; margin: 0 auto;}
main .et_img2 { width: 55%; margin: 0 auto;}
main .et_img3 { width: 75%; margin: 0 auto;}

/* 解約フォーム見出し */
main .ft_1 { margin: 2% 2% 4px; font-size: 18px; line-height: 1.7;}
main .ft_2 { margin: 4px 2% 4%; font-size: 14px;}
main .ft_3 { margin: 4px 2% 2%; font-size: 12px; line-height: 1.3;}
main .ft_4 { font-size: 13px;}
main .ft_strong {font-size: 14px; margin-bottom: 5px;}
main .glocal_ad { width: 380px; }

/* フォーム見出し */
main .info { margin: 0 auto 15px; padding: 8px 2%; font-size: 13px;}
main .info2 { margin: 0 auto 25px; padding: 2%; font-size: 14px; line-height: 1.3;}
main .info3 { margin: 0 auto 8px; padding: 8px 2%; font-size: 13px;}
main .info4 { margin: 0 auto 8px; padding: 8px 2%; font-size: 13px;}

/* メイン設定 */
main { padding: 3px 0 5px;}

/* エラーメッセージ部分 */
main #error_message {width: 92%; margin: 0 0 20px; padding: 2% 4% 1%;}

/* 各種設定 */
main h3 { font-size: 19px;}
main h4 { font-size: 13px;}
main h5 { font-size: 19px;}
main h6 { font-size: 13px;}
main small { font-size: 13px;}
main input { font-size: 13px;}
main .change { font-size: 13px;}
main textarea { margin: 0 0 3px 0; padding: 6px 1%; font-size: 16px;}
main .edit { margin: 0 0 3px 0; padding: 6px 1%; font-size: 16px;}
main .forget_attend { font-size: 13px; margin: 0 0 10px;}
main ul { width: 80%; margin: 15px auto 30px; padding: 25px 5%; font-size: 13px; line-height: 1.6; }
main ul li { width: 92%; margin: 0 4%; font-size: 12px; line-height: 2; }
main strong {font-size: 15px; margin-bottom: 12px;}
main .forget_btn { font-size: 16px;}
main .forget_btn:hover { font-size: 16px;}
main .forget_btn2 { font-size: 16px;}
main .forget_btn2:hover { font-size: 16px;}
main .forget_btn3 { font-size: 16px;}
main .forget_btn3:hover { font-size: 16px;}
main .forget_btn4 { font-size: 18px;}
main .forget_btn4:hover { font-size: 18px;}
input[type="submit"] { font-size: 18px;}
input[type="submit"]:hover { font-size: 18px;}

/* 各種プルダウン設定 */
.selectdiv2 { margin: 0 auto; padding: 2px 0 8x;}
.selectdiv2:after { font: 17px "Consolas", monospace; color: #005793; right: 12px; top: 6px; padding: 0;}
.selectdiv2 select { padding: 4px 8px; font-size: 13px;}
.selectdiv3 { margin: 0; padding: 2px 0 43px;}
select::-ms-expand {display: none;}
.selectdiv3:after { font: 20px "Consolas", monospace; color: #005793; right: 12px; top: 8px;}
.selectdiv3 select { font-size: 15px; padding: 5px; }

/* ファイルアップボタン設定 */
#file_up { font-size: 17px; }
#file_up input { font-size: 15px; }
.image_preview { width: 90%; display: block; margin-bottom: 30px;}

/* モーダルウィンドウ */
.modal-wrapper .modal-window { width: 96%; max-width: 96%; padding: 2% 2% 1%;}
.modal-wrapper .modal-window .modal-content { max-height: 70vh; overflow-y: auto;}
.review_01 { width: 90%; margin: 18px auto 0; padding: 1.5%; font-size: 14px;}
.review_02 { width: 90%; margin: 20px auto 10px; padding: 0 1.5%; font-size: 16px;}
.review_03 { width: 90%; margin: 0 auto; padding: 0 1.5%; font-size: 14px; line-height: 1.2;}
}

/*　画面サイズが360pxまで、以下のスタイル適用 */
@media (max-width: 360px){
header .logo img{width: 180px; margin: 12px 0;}
header a{ font-size: 23px;}
footer .footer_logo {width: 180px;}

/* エラーメッセージ部分 */
main #error_message {width: 92%; margin: 0 0 15px; padding: 3% 4% 1%;}

/* 各種設定 */
main h3 { font-size: 16px;}
main h4 { font-size: 12px;}
main h5 { font-size: 16px;}
main h6 { font-size: 12px;}
main small { font-size: 12px;}
main input { font-size: 12px;}
main textarea { margin: 0; padding: 6px 1%; font-size: 14px;}
main .edit { margin: 0; padding: 6px 1%; font-size: 14px;}
main .change { font-size: 12px;}
main .forget_attend { font-size: 12px;}
main ul { width: 82%; margin: 15px auto 30px; padding: 25px 4%; font-size: 12px; line-height: 1.5; }
main ul li { width: 92%; margin: 0 4%; font-size: 11px; line-height: 2; }
main strong {font-size: 14px; margin-bottom: 12px;}
main .forget_btn { font-size: 14px;}
main .forget_btn:hover { font-size: 14px;}
main .forget_btn2 { font-size: 14px;}
main .forget_btn2:hover { font-size: 14px;}
main .forget_btn3 { font-size: 14px;}
main .forget_btn3:hover { font-size: 14px;}
main .forget_btn4 { font-size: 16px;}
main .forget_btn4:hover { font-size: 16px;}
input[type="submit"] { font-size: 16px;}
input[type="submit"]:hover { font-size: 16px;}
	
/* 顧客情報表示 */
#custmer_info ul{ font-size: 13px; width: 98%; padding: 12px 0;}
.selectdiv {font-size: 11px; width: 98%; padding: 12px 0 17px; line-height: 1.7;}
.selectdiv:after { content: '>'; font: 13px "Consolas", monospace; color: #005793; right: 12px; top: 13px; padding: 0 0 2px; }
.selectdiv select { max-width: 230px; margin: 0 0 0 8px; padding: 2px 8px 0; font-size: 11px; border: 1px solid #cccccc; border-radius: 5px;}

/* お知らせ表示 */
main #attend { width: 98%;}
main ol { width: 100%; margin: 10px 0;}
main ol li:first-child { width: 26%; font-size: 12px;}
main ol li:last-child { width: 68%; font-size: 12px;}
main ol a { font-size: 12px;}

/* メイン設定 */
main { width: 100%; margin: 0 auto; padding: 20px 0;}
main #title { width: 98%;}
main #title h1 {font-size: 20px; margin-bottom: 20px;}
main #title h2 {font-size: 13px; line-height: 1.6; margin-bottom: 20px;}

/* ナビゲーションタブ表示 */
main .tab1 { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab1:hover { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab1_on { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab2 { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab2:hover { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab2_on { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab3 { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab3:hover { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab3_on { font-size:12px; width: 20.8%; margin: 0 0.3% 0 0; padding: 0.5% 2%;}
main .tab4 { font-size:12px; width: 20.7%; padding: 0.5% 2%;}
main .tab4:hover { font-size:12px; width: 20.7%; padding: 0.5% 2%;}
main .tab4_on { font-size:12px; width: 20.7%; padding: 0.5% 2%;}

/* 月次切り替え */
main .tab1_mt { font-size:12px; width: 33%; margin: 0; padding: 0;}
main .tab1_mt:hover { font-size:12px; width: 33%; margin: 0; padding: 0;}
main .tab1_mt_on { font-size:12px; width: 33%; margin: 0; padding: 0.3%;}
main .tab2_mt { font-size:12px; width: 33.6%; margin: 0; padding: 0;}
main .tab2_mt:hover { font-size:12px; width: 33.6%; margin: 0; padding: 0;}
main .tab2_mt_on { font-size:12px; width: 33.6%; margin: 0; padding: 0.3%;}
main .tab3_mt { font-size:12px; width: 33.15%; margin: 0; padding: 0;}
main .tab3_mt:hover { font-size:12px; width: 33.15%; margin: 0; padding: 0;}
main .tab3_mt_on { font-size:12px; width: 33.15%; margin: 0; padding: 0;}
main .et_wrap2 { width: 95.5%; margin: 5% 0 0; padding: 1.8% 1.5%;}

/* データ関連見出し各種 */
main .st_1 { width: 96%; margin: 2% 2% 1%; padding: 0; font-size: 17px;}
main .st_2 { width: 96%; margin: 0 2% 3%; padding: 0; font-size: 12px;}

/* 各種ボタン設定 */
main .btn { margin: 0 auto 8px; font-size: 15px;}
main .btn:hover { margin: 0 auto 8px; font-size: 15px;}
main .btn2 { margin: 0 auto 15px; font-size: 15px;}
main .btn2:hover { margin: 0 auto 15px; font-size: 15px;}
main .btn3 { margin: 15px auto 15px; font-size: 15px; }
main .btn3:hover { margin: 15px auto 15px; font-size: 15px;}
main .btn4 { margin: 0 auto 20px; font-size: 15px;}
main .btn4:hover { margin: 0 auto 20px; font-size: 15px;}

/* 顧客情報表組み */
main table { width: 96%; font-size: 12px;}

/* ヘルプ項目一覧 */
main .ht_1 { width: 90%; padding: 5%; font-size: 14px;}
main .ht_btn { font-size: 13px;}
main .ht_btn:hover { font-size: 13px;}
main .ht_btn2 { font-size: 13px;}
main .ht_btn2:hover { font-size: 13px;}

/* 変更フォーム見出し */
main .et_1 { margin: 2% 2% 4px; font-size: 16px; line-height: 1.5; margin: 6% 2% 4px;}
main .et_2 { margin: 0% 2% 0; font-size: 13px;}
main .et_3 { margin: 0 2% 2%; font-size: 16px;}
main .et_3_2 { margin: 0 2% 2%; font-size: 16px;}
main .et_3_none { margin: 0 2% 2%; font-size: 16px;}
main .et_4 { margin: 0 2%; font-size: 16px;}


main .et_5 { width: 88%; margin: 1.5% 6%; padding: 0; font-size: 13px; line-height: 20px;}
main .et_6 { width: 88%; margin: 1.5% 6%; padding: 0 0 13px; font-size: 13px; line-height: 20px;}
main .et_7 { width: 84%; margin: 1.5% auto; padding: 2% 2% 3%; font-size: 16px;}
main .et7_text { width: 98%; margin: 10px auto 0; font-size: 13px; line-height: 20px;}
main .et7_text2 { width: 92%; margin: 10px auto 0; padding: 2% 3%; font-size: 13px; line-height: 20px;}
main .et7_text3 { width: 98%; margin: 10px auto 0; font-size: 14px;}
main .et7_text4 { width: 98%; margin: 0 auto; font-size: 11.5px; line-height: 18px;}
main .et7_text5 { width: 98%; margin: 10px auto 0; font-size: 11.5px; line-height: 18px;}
main .et_8 { width: 88%; margin: 1.5% 6%; padding: 0 0 14px; font-size: 13px; line-height: 20px;}
main .et_9 { width: 94%; margin: 1.5% auto; padding: 2.5% 1.5%; background-color: #EFF4FA; font-size: 16px; font-weight: bold; color: #2771cf;}
main .et_9_2 { width: 98%; margin: 0; padding: 1.5% 1%; font-size: 16px; font-weight: bold; color: #2771cf;}
main .et_10 { font-size: 13px;}
#step { margin: 0 16px 0 0; padding: 1px 8px; font-size: 14px; }

/* 解約フォーム見出し */
main .ft_1 { margin: 2% 2% 4px; font-size: 16px; line-height: 1.5;}
main .ft_2 { margin: 4px 2% 4%; font-size: 13px;}
main .ft_3 { margin: 4px 2% 2%; font-size: 12px; line-height: 1.3;}
main .ft_4 { font-size: 13px;}
main .ft_strong {font-size: 13px; margin-bottom: 5px;}
main .glocal_ad { width: 330px; }


/* フォーム見出し */
main .info { margin: 0 auto 15px; padding: 8px 2%; font-size: 12px;}
main .info2 { margin: 0 auto 25px; padding: 2%; font-size: 13px; line-height: 1.2;}
main .info3 { margin: 0 auto 8px; padding: 8px 2%; font-size: 12px;}
main .info4 { margin: 0 auto 8px; padding: 8px 2%; font-size: 12px;}
main .info5 { margin: 6px auto; padding: 8px 2%; font-size: 12px;}
	
/* ラジオボタン */
main fieldset {	font-size: 13px;}

/* 各種プルダウン設定 */
.selectdiv2 { margin: 0 auto; padding: 2px 0 8x;}
.selectdiv2:after { font: 15px "Consolas", monospace; color: #005793; right: 12px; top: 5px; padding: 0;}
.selectdiv2 select { padding: 4px 8px; font-size: 12px;}
.selectdiv3 { margin: 0; padding: 2px 0 36px;}
select::-ms-expand {display: none;}
.selectdiv3:after { font: 15px "Consolas", monospace; color: #005793; right: 12px; top: 8px;}
.selectdiv3 select { font-size: 13px; padding: 5px; }

/* ファイルアップボタン設定 */
#file_up { font-size: 16px; }
#file_up input { font-size: 14px; }
.image_preview { width: 90%; display: block; margin-bottom: 30px;}

/* モーダルウィンドウ */
.modal-wrapper .modal-window { width: 96%; max-width: 96%; padding: 2% 2% 1%;}
.review_01 { width: 90%; margin: 18px auto 0; padding: 1.5%; font-size: 13px;}
.review_02 { width: 90%; margin: 20px auto 10px; padding: 0 1.5%; font-size: 14px;}
.review_03 { width: 90%; margin: 0 auto; padding: 0 1.5%; font-size: 12px; line-height: 1.2;}

}