@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; }}

/* 基本CSS */
ul,div,img { list-style: none; }
header { width: 100%; margin: 0 auto 20px; padding: 6px 0 9px; border-top: solid 5px #3880f5; border-bottom: solid 1px #e9e9e9; }
header a { color: #1a1311; text-decoration: none; }


/* ヘッダーナビ全体設定 */
#navi { width: 98%; height: 60px; margin: 0 auto; padding: 0 1%; max-width: 1000px; background-color: #FFF; }
#navi input { display: none; }
#navi .dd_btn { width: 100%; margin: 0; padding: 12% 8%; text-decoration: none; border-radius: 30px; font-size: 14px; font-weight: bold; line-height: 0; color: #fff;  background-color: #ff9211; white-space: nowrap; text-align: center; display: none;}
#navi .dd_btn:hover { color: #fff;  background-color: #FF0000;}
#navi .dd_btn2 { width: 100%; margin: 0; padding: 12% 8%; text-decoration: none; border-radius: 30px; font-size: 14px; font-weight: bold; line-height: 0; color: #fff;  background-color: #ff9211; white-space: nowrap; display: block;}
#navi .dd_btn2:hover { color: #fff;  background-color: #FF0000; text-align: center;}

@media screen and (max-width: 1020px) {
#navi { width: 98%; max-width: none; }
}

/* メインロゴエリア */
.menu-left { float: left; line-height: 60px; }
.menu-left img { vertical-align: middle; margin-left: 0px; width: 80%; max-width: 280px; }


/* メインロゴエリア(-) */
@media screen and (max-width: 768px) {
.menu-left { float: left; line-height: 60px; }
.menu-left img { vertical-align: middle; margin-left: 0px; width: 100%; max-width: 220px; }
main #ac_info ul li:last-child { width: 100%; }
main #ac_info ul li:last-child { flex-direction: column; }
main #ac_info ul li:last-child .btn5 { width: 100%; }
}

/* ヘッダーナビ全体設定 */
#menu input { display: none; }

/* メインメニューエリア */
#menu { float: right; margin: 1% 10px 0 0;}
#menu li { position: relative; white-space: nowrap;}
#menu li a { display: block; }
#menu > li { float: left; margin: 0 15px; line-height: 60px; font-size: 15px;}

/* パソコンでは V を非表示 */
#menu > li .pd { display: none;}
#menu-navibtn { display: none; cursor: pointer; cursor: hand;}

/* スマホ用 */
@media screen and (max-width: 768px) {
/* 基本非表示 */
#menu { width: 98%; max-width: none; margin-left: 1%; display: none; }
#menu li { height: auto; width: 86%; margin: 10px auto 0; padding: 0px 20px; border-bottom: 1px solid #DDD; white-space: nowrap; }
#navi .dd_btn { width: initial; margin: initial; padding: initial; border-radius: initial; line-height: initial; color: initial;  background-color: initial; white-space: initial; text-align: initial; display: initial;}
#navi .dd_btn2 { width: initial; margin: initial; padding: initial; border-radius: initial; line-height: initial; color: initial;  background-color: initial; white-space: initial; text-align: initial; display: initial;}

/* V を表示 */
#menu > li .pd { display: inline-block; width: 100%; }
#menu li a { display: inline-block; }
#menu li:first-child { border-top: 1px solid #DDD;}
#menu li i { padding: 0px 6px; }
/* メニューを移動させないため */
#menu-navibtn:checked ~ #navi { position: fixed; overflow-y: scroll; overflow-x: hidden; height: 100%;}
}

/* ドロップダウンメニュー */
#menu li ul {
  position: absolute;
}
/* 子メニュー */
#menu > li > ul li {
  font-size: 14px;
  display: none;
  padding: 0px 18px;
  background-color: #FFF;
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE;
  border-bottom: 1px solid #DDD;
}
#menu li ul li:first-child { border-top: 1px solid #EEE; }
#menu li ul li:last-child { border-bottom: 1px solid #EEE; }
#menu li ul li ul { top: -1px; left: 100%;}
#menu li ul li ul li ul,
#menu li:nth-child(n+3) ul li ul {
  left: inherit;
  right: 100%;
}
#menu > li > ul {
  margin-left: -60px;
  width: auto;
}

/* パソコン用 */
@media screen and (min-width: 768px) {
  #menu li:hover {
    background: #FFF;
  }
#menu > li:hover > ul > li,#menu li ul li:hover > ul > li { display: block; }
  /* 階層がある場合の誘導の印 */
  #menu li ul li ul:before,
  #menu li ul li ul li ul:before,
  #menu li:nth-child(n+3) ul li ul:before {
    position: absolute;
    top: 26px;
    content: "";
    border: 4px solid transparent;
    display: block;
  }
  /* 通常タイプ */
  #menu li ul li ul:before {
    left: -10px;
    border-left-color: #666;
  }
  /* 右側タイプ */
  #menu li ul li ul li ul:before,
  #menu li:nth-child(n+3) ul li ul:before {
    right: -12px;
    border-right-color: #666;
  }
}
/* スマホ用 */
@media screen and (max-width: 768px) {
/* ハンバーガーメニュー表示 */
#menu-navibtn:checked ~ * #menu { display: block; margin-top: 30px; }
#menu-navibtn:checked ~ * #menu > li { max-height: inherit; overflow-y: visible; }
#menu > li ul { line-height: 50px; }
#menu > li > label:hover {cursor: pointer;cursor: hand; }
#menu li ul { position: static; }
/* 子メニュー */
#menu > li > ul { margin-left: initial; position: relative; }
#menu li ul li:first-child { border-top: 1px solid #DDD; }
#menu ul li:last-child { border-bottom: none; }
#menu > li > ul li { border-left: none; border-right: none; }
#menu li ul li ul { top: inherit; left: 0; }
#menu li ul li:last-child { border-bottom: none; }
/* 子メニューがクリックされた時 */
#menu input[type="checkbox"]:checked ~ label ~ ul > li {
    max-height: inherit;
    overflow-y: visible;
    display: block;
  }
  .angletoggle:before {
    content: "\f107";
  }
  #navi input[type="checkbox"]:checked ~ label .pd .angletoggle:before {
    content: "\f106";
  }
}

/* ハンバーガー(非表示) */
#navi #navibtn { display: none; }

/* ハンバーガー(768px以下で表示) */
@media screen and (max-width: 768px) {
#navi #navibtn { display: block; position: absolute; top: 20px; right: 25px; }
#navibtn span { display: block; width: 40px; height: 40px; background-color: #000; border-radius: 5px; }
#navibtn span span { display: block; overflow: hidden; width: 1px; height: 1px;}
#navibtn span span::before,#navibtn span span::after,#navibtn span::after { position: absolute; left:10px; content:""; width: 20px; height: 3px; background-color: #FFF; }
/* 三の↑ */
#navibtn span span::before { top:10px; }
#menu-navibtn:checked ~ #navi label#navibtn span span::before { top:19px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
/* 三の↓ */
#navibtn span::after { bottom:10px; background-color: #FFF; }
#menu-navibtn:checked ~ #navi label#navibtn > span::after { bottom:18px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
/* 三の← */
#navibtn span span::after { top:18px; }
#menu-navibtn:checked ~ #navi label#navibtn span span::after { display: none; }
}
/* body */
body { margin: 0 auto;}
body section { overflow: hidden;}

/*　画面サイズが820pxまで、以下のスタイル適用 */
@media (max-width: 820px){
main .info { width: 96%; margin: 0 auto 6px; padding: 8px 2%; background-color: #FFF1D7; border: solid 1px #FFF1D7; font-size: 13px; font-weight: bold; color: #fa3333; text-decoration: none; display: block; max-width: 926px;}
}

.cen_01 { margin: 8px auto; padding: 0; display: block; width: 100%; text-align: center;}

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

/* ヘッダ設定 */
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;} */

/*  手順表示 */
/* .display1 { width:96%; margin:1.0% 9.03125px auto; padding:1.8% 2%; background-color:#fff; font-size:0.85rem; display:block; }
.display2 { width:96%; margin:0 auto; padding:1.8% 2%; background-color:#eff9ff; font-size:0.95rem; display:block; } */

.display1 { width: 96%; margin: 1.0% auto; padding: 1.8% 2%; background-color: #fff; font-size: 0.85rem; display: block; word-wrap: break-word;}
.display2 { width: 96%; margin: 0 auto; padding: 1.8% 2%; background-color: #eff9ff; font-size: 0.85rem; display: block;}
.display3 { width: 96%; margin: 0 auto; padding: 1.8% 2%; background-color: #eff9ff; font-size: 0.95rem; display: block;}

/*  メール妥当性チェックアニメーションアイコン */
.emailStatusIcon i { all: initial; display: inline-block; font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free" !important; font-weight: 900 !important; font-style: normal !important; font-size: 18px !important; line-height: 1 !important; vertical-align: middle; }
.emailStatusIcon .fa-spinner { color: #999 !important; animation: spin 1s linear infinite !important; }
.emailStatusIcon .fa-check { color: #28a745 !important; }
.emailStatusIcon .fa-times { color: #dc3545 !important; }
.emailStatusIcon .fa-exclamation-triangle { color: #ffc107 !important; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* 顧客情報表示 */
#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 { margin: 0 auto; }
main #ac_info { width: 90%; height: auto; margin: 0 auto 1%; padding: 0 auto; background-color: #FFF; max-width: 980px; }
main #ac_info h1 { width: 100%; background-color: #1987e4; margin: 0 auto 0.45%; display: block; font-size: 18px; color: #FFF; line-height: 2.4; font-weight: bold; text-align: center;}
.main_h1 { width: 90%; margin: 0 auto 30px; font-size: 16px; line-height: 1.4; font-weight: bold; text-align: center;}
main #title h1 { width:90%; margin: 0 auto 30px; font-size: 16px; line-height: 1.4; font-weight: bold; text-align: center; }

/* main_ul */
main #ac_info ul { width: 100%; margin: 0.25% auto; padding: 0; list-style: none; font-size: 15px; line-height: 1.6; font-weight: bold; max-width: 980px; display: flex; align-items: stretch;}
main #ac_info ul li:first-child { width: 34.3%; background-color: #C1E2FB; margin: 0; padding: 0.75%; display: flex; align-items: center; justify-content: center;}
main #ac_info ul li:last-child { width: 60%; background-color: #EFF9FF; margin: 0 0.1; padding: 0.75% 2%; font-weight: normal; display: flex; gap: 8px;}
main ul::after{ content:""; display:block; clear:both; }

/* id_list */
main #id_info { width: 90%; margin: 0 auto; padding: 0 auto; background-color: #FFF; }
main #id_info h1 { width: 100%; background-color: #1987e4; margin: 0 auto; display: block; font-size: 18px; line-height: 2.4; font-weight: bold; text-align: center; color: #FFF; max-width: 980px; }
main .id_info { width: 90%; margin: 0 auto; padding: 0.5% 1% 1.5%; display: block; font-size: 12px; line-height: 1.6; font-weight: normal; text-align: left; max-width: 972px; }
#id_info > div { margin-top: -23px; position: relative; z-index: 0; }
.score_table { width: 100%; margin: 0 auto 8px; text-align: center; font-size: 14px; color: #333; border-spacing: 0px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap;　-webkit-overflow-scrolling: touch; max-width: 980px;}

/*　画面サイズが896pxまで、以下のスタイル適用 */
@media (max-width: 896px){
.score_table { display: block;}
}

.score_td1_1 { width: 15%; background-color: #C1E2FB; color: #002349; font-weight: bold; margin: 0; padding: 8px 12px; text-align: center;}
.score_td1_2 { width: 14%; background-color: #C1E2FB; color: #002349; font-weight: bold; margin: 0; padding: 8px 12px; text-align: center;}
.score_td1_3 { width: 15%; background-color: #C1E2FB; color: #002349; font-weight: bold; margin: 0; padding: 8px 12px; text-align: center;}
.score_td1_4 { width: 18%; background-color: #C1E2FB; color: #002349; font-weight: bold; margin: 0; padding: 8px 12px; text-align: center;}
.score_td1_5 { width: 18%; background-color: #C1E2FB; color: #002349; font-weight: bold; margin: 0; padding: 8px 12px; text-align: center;}
.score_td1_6 { width: 20%; background-color: #C1E2FB; color: #002349; font-weight: bold; margin: 0; padding: 8px 12px; text-align: center;}
.score_td2_1 { background-color: #FFF; margin: 0; padding: 10px 0; text-align: center; border-bottom: solid 1px #D8D8D8;}
.score_td2_2_1 { background-color: #FFF2F2; margin: 0; padding: 10px 0; text-align: center; color: #FF0000; font-weight: bold; border-bottom: solid 1px #D8D8D8;}
.score_td2_2_2 { background-color: #FFFCEF; margin: 0; padding: 10px 0; text-align: center; color: #FF0000; font-weight: bold; border-bottom: solid 1px #D8D8D8;}
.score_td2_3 { background-color: #FFF;  margin: 0; padding: 10px 0; text-align: center; border-bottom: solid 1px #D8D8D8;}
.score_td2_3_2 { background-color: #eff9ff;  margin: 0; padding: 10px 0; text-align: center; border-bottom: solid 1px #D8D8D8;}
.score_td3_1 { width: 15%; background-color: #C1E2FB; color: #002349; font-weight: bold; margin: 0; padding: 10px 12px; text-align: center; border-bottom: solid 1px #D8D8D8;}
.score_td3_2 { width: 29%; background-color: #FFF; margin: 0; padding: 10px 0; text-align: center; padding: 8px 12px; text-align: center; border-bottom: solid 1px #D8D8D8;}
.score_td3_3 { width: 36%; background-color: #C1E2FB; color: #002349; font-weight: bold; margin: 0; padding: 10px 12px; text-align: center; border-bottom: solid 1px #D8D8D8;}
.score_td3_4 { width: 20%; background-color: #FFF; margin: 0; padding: 10px 0; text-align: center; padding: 8px 12px; text-align: center; border-bottom: solid 1px #D8D8D8;}

/* guide */
main #guide { width: 90%; height: auto; margin: 0 auto 2%; padding: 0 auto 0.4%; background-color: #FFF; max-width: 980px; }
main #guide h1 { width: 100%; background-color: #F7002E; margin: 0 auto 0.25%; display: block; font-size: 18px; line-height: 2.4; font-weight: bold; text-align: center; color: #FFF; }
main #guide h2 { width: 96%; background-color: #FFEAEA; margin: 0 auto; padding: 1% 2% ; display: block; font-size: 14px; line-height: 1.6; font-weight: normal; text-align: left; overflow: hidden; }
main #guide h3 { width: 96%; background-color: #F1F1F1; margin: 1% auto 0.5%; padding: 1% 2% ; display: block; font-size: 14px; line-height: 1.6; font-weight: normal; text-align: left; }
main #guide h4 { width: 98%; margin: 0.2% auto 2%; padding: 0.5% 1% 1.5%; display: block; font-size: 13px; line-height: 1.4; color: #F7002E; font-weight: bold; text-align: left; }
main #guide h5 { width: 100%; background-color: #929292; margin: 3.5% auto 0.25%; display: block; font-size: 18px; line-height: 2.4; font-weight: bold; text-align: center; color: #FFF; }
main #guide h6 { width: 96%; background-color: #F1F1F1; margin: 0 auto 2%; padding: 2% 2%; display: block; font-size: 12.5px; line-height: 1.5; font-weight: normal; text-align: left; overflow: hidden; }
main #guide strong { margin: 0 auto 1%; padding: 0; display: block; font-size: 16px; line-height: 1; font-weight: bold; color: #FF5700; }
main #guide .inquiry { margin: 2.5% 0 1.5%; padding: 0; float: left; text-align: center;  }
main #guide ul { width: 100%; margin: 20px 0; padding: 0; list-style: none; display: flex; }
main #guide li:first-child { width: 46%; margin: 0 1% 0 0; padding: 1% 1.5%;}
main #guide li { text-align: left; background: none; font-size: 14px; line-height: 1.6; font-weight: normal;}
main #guide li:last-child { width: 46%; margin: 0 0 0 1%; padding: 1% 1.5%;}
main #guide img { width: 96%; max-width: 320px; margin-top: 10px; }
main #guide2 ul { width: 100%; margin: 20px 0; padding: 0; list-style: none; display: flex; }
main #guide2 li:first-child { width: 46%; margin: 0 1% 0 0; padding: 1% 1.5%;}
main #guide2 li { text-align: left; background: none; font-size: 14px; line-height: 1.6; font-weight: normal;}
main #guide2 li:last-child { width: 46%; margin: 0 0 0 1%; padding: 1% 1.5% 0;}
main #guide2 ol { width: 100%; margin: 5px 0 0; padding: 0; list-style: none; display: flex; background-color: #FFFFFF; }
main #guide b { width: 100%; margin: 1.75% auto 0.25%; padding: 0; display: block; font-size: 17px; line-height: 1.8; font-weight: bold; color: #F7002E; }
main #guide3 { width: 90%; height: auto; margin: 0 auto 2%; padding: 0 auto 0.4%; background-color: #FFF; max-width: 980px; }
main #guide3 h1 { width: 100%; background-color: #1987e4; margin: 0 auto 0.25%; display: block; font-size: 18px; line-height: 2.4; font-weight: bold; text-align: center; color: #FFF; }
main #guide3 h2 { width: 96%; background-color: #eff9ff; margin: 0 auto; padding: 1% 2% ; display: block; font-size: 14px; line-height: 1.6; font-weight: normal; text-align: left; overflow: hidden; }
main #guide3 h3 { width: 96%; background-color: #F1F1F1; margin: 1% auto 0.5%; padding: 1% 2% ; display: block; font-size: 14px; line-height: 1.6; font-weight: normal; text-align: left; }
main #guide3 h4 { width: 98%; margin: 0.2% auto 2%; padding: 0.5% 1% 1.5%; display: block; font-size: 13px; line-height: 1.4; color: #F7002E; font-weight: bold; text-align: left; }
main #guide3 h5 { width: 100%; background-color: #929292; margin: 3.5% auto 0.25%; display: block; font-size: 18px; line-height: 2.4; font-weight: bold; text-align: center; color: #FFF; }
main #guide3 h6 { width: 96%; background-color: #F1F1F1; margin: 0 auto 2%; padding: 2% 2%; display: block; font-size: 12.5px; line-height: 1.5; font-weight: normal; text-align: left; overflow: hidden; }
main #guide3 strong { margin: 0 auto 1%; padding: 0; display: block; font-size: 16px; line-height: 1; font-weight: bold; color: #FF5700; }
main #guide3 .inquiry { margin: 2.5% 0 1.5%; padding: 0; float: left; text-align: center;  }
main #guide3 ul { width: 100%; margin: 20px 0; padding: 0; list-style: none; display: flex; }
main #guide3 li:first-child { width: 46%; margin: 0 1% 0 0; padding: 1% 1.5%;}
main #guide3 li { text-align: left; background: none; font-size: 14px; line-height: 1.6; font-weight: normal;}
main #guide3 li:last-child { width: 46%; margin: 0 0 0 1%; padding: 1% 1.5%;}
main #guide3 .img01 { width: 96%; max-width: 320px; margin-top: 10px; }
main #guide3 .img02 { width: 96%; max-width: 780px; margin: 10px 0; }
main #guide3 .img03 { width: 96%; max-width: 780px; margin: 10px 0; }
main #guide3 .img04 { width: 96%; max-width: 400px; margin: 10px 0; }
main #guide3 .img05 { width: 96%; max-width: 400px; margin: 10px 0; }
main #guide3 .img06 { width: 96%; max-width: 160px; margin: 10px 0; }
main #guide3 .youtube { width: 96%; max-width: 40px; vertical-align:middle;}

/* main_guide_btn */
.btn { padding: 0.2em 1em; text-decoration: none; border-radius: 30px; font-size: 12px; font-weight: bold; line-height: 0; color: #fff;  background-color: #BBBBBB; white-space: nowrap;}
.btn:hover { padding: 0.2em 1em; text-decoration: none; border-radius: 30px; font-size: 12px; font-weight: bold; line-height: 0; color: #fff;  background-color: #E00029; white-space: nowrap;}
.btn2 { padding: 0.5em 2em; text-decoration: none; border-radius: 30px; font-size: 14px; font-weight: bold; line-height: 0; color: #fff;  background-color: #BBBBBB; white-space: nowrap;}
.btn2:hover { padding: 0.5em 2em; text-decoration: none; border-radius: 30px; font-size: 14px; font-weight: bold; line-height: 0; color: #fff;  background-color: #ff9211; white-space: nowrap;}
.btn3 { padding: 0.5em 2em; text-decoration: none; border-radius: 30px; font-size: 14px; font-weight: bold; line-height: 0; color: #fff;  background-color: #BBBBBB; white-space: nowrap;}
.btn3:hover { padding: 0.5em 2em; text-decoration: none; border-radius: 30px; font-size: 14px; font-weight: bold; line-height: 0; color: #fff;  background-color: #F7002E; white-space: nowrap;}

/* 複数台契約データ表示部分 */
main .score_corp_detail { width: 100%; margin: 0 auto; padding: 0; background-color: #FFF;}

/* お知らせ表示 */
main #attend { width: 820px; margin: 0 auto;}

/* ナビゲーションタブ表示 */
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 .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 { padding: 10px 0; background-color: #FF9900; border: solid 1px #FF9900; border-radius: 5px; font-size: 14px; color: #FFF; text-decoration: none; display: block; flex: 1;  text-align: center;}
main .btn5:hover { padding: 10px 0; background-color: #FF0000; border: solid 1px #FF0000; border-radius: 5px; font-size: 14px; color: #FFF; text-decoration: none; display: block; 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 .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;}

/* 基本FAQ SIMロックリンク */
main .docomo { width: 94.5%; margin: 8px auto 0; padding: 1.2% 2.5% 1.4%; font-size: 110%; font-weight: bold; color: white; text-align: center; display: block; border: solid 1px #cc0033; background-color: #cc0033; border-radius: 8px; text-decoration: none;}
main .docomo:hover { color: #fff; background: #2A2A2A; border: solid 1px #2A2A2A;}
main .au { width: 94.5%; margin: 5px auto 0; padding: 1.2% 2.5% 1.4%; font-size: 110%; font-weight: bold; color: white; text-align: center; display: block; border: solid 1px #eb5505; background-color: #eb5505; border-radius: 8px; text-decoration: none;}
main .au:hover { color: #fff; background: #2A2A2A; border: solid 1px #2A2A2A;}
main .softbank { width: 94.5%; margin: 5px auto 0; padding: 1.2% 2.5% 1.4%; font-size: 110%; font-weight: bold; color: white; text-align: center; display: block; border: solid 1px #828282; background-color: #828282; border-radius: 8px; text-decoration: none;}
main .softbank:hover { color: #fff; background: #2A2A2A; border: solid 1px #2A2A2A;}
main .dd_btn { width: 100%; margin: 0; padding: 6% 0; text-decoration: none; border-radius: 30px; font-size: 110%; font-weight: bold; line-height: 0; color: #fff;  background-color: #ff9211; white-space: nowrap; text-align: center; display: block;}
main .dd_btn:hover { color: #fff;  background-color: #FF0000;}

/* フォーム見出し */
main .info { display: none;}
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: 60px auto 0; text-align: center; padding: 30px 0 10px; background-color: #2771cf;}
footer nav { text-align: center;}
footer ul { width: 90%; margin: 0 auto; text-align: center;}
footer ul li { font-size: 12px; display: inline; padding: 3px;}
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;}
}

/* 0709 タブ内展開メニュー*/
.faq_wrap { width: 100%; margin: 10px auto;}
.faq-check{ display: none; }
.faq-label{ width: 96%; background: #F7002E; color: #fff; display: block; margin: 0 auto; padding: 1.2% 2% 1.2%; position: relative; font-size: 1.0rem; font-weight: 900; border: solid 1px #F7002E;}
.faq-label:before{ content: '\f0a9'; font-family: "Font Awesome 5 Free"; padding: 10px 6px 0 0; font-weight:900;}
.faq-label:hover{ background: #B00000; color: #fff; border: solid 1px #9C0000; }
.faq-content{ border: 1px solid #F7002E; background-color: #fff; display: block; height: 0; opacity: 0; padding: 0 10px; visibility: hidden; font-size: 0.9rem; color: #000; font-weight: normal; line-height: 2;}
.faq-check:checked + .faq-label:before{content: '\f0ab';}
.faq-check:checked + .faq-label + .faq-content{ width: 96%; height: auto; opacity: 1; padding: 1% 2% 1.5%; visibility: visible; margin: 0 auto 13px; line-height: 1.4; border: solid 1px #F7002E; text-align: left; background-color: #fff;}

/*　画面サイズが960pxまで、以下のスタイル適用 */
@media (max-width: 960px){
.faq_wrap { width: 100%; margin: 10px auto 5px;}
.faq-check{ display: none; }
.faq-label{ width: 96%; margin: 0 auto; padding: 1.2% 2% 1.4%; font-size: 0.85rem;}
.faq-content{ padding: 0 10px;  font-size: 0.75rem; }
.faq-check:checked + .faq-label + .faq-content{ width: 96%; padding: 1.2% 2% 1.4%;}
}

/* 0709 タブ内展開メニュー*/
.faq_wrap2 { width: 100%; margin: 10px auto;}
.faq-check2{ display: none; }
.faq-label2{ width: 96%; background: #1987e4; color: #fff; display: block; margin: 0 auto; padding: 1.2% 2% 1.2%; position: relative; font-size: 1.0rem; font-weight: 900; border: solid 1px #1987e4;}
.faq-label2:before{ content: '\f0a9'; font-family: "Font Awesome 5 Free"; padding: 10px 6px 0 0; font-weight:900;}
.faq-label2:hover{ background: #004294; color: #fff; border: solid 1px #004294; }
.faq-content2{ border: 1px solid #1987e4; background-color: #fff; display: block; height: 0; opacity: 0; padding: 0 10px; visibility: hidden; font-size: 0.9rem; color: #000; font-weight: normal; line-height: 2;}
.faq-check2:checked + .faq-label2:before{content: '\f0ab';}
.faq-check2:checked + .faq-label2 + .faq-content2{ width: 96%; height: auto; opacity: 1; padding: 1% 2% 1.5%; visibility: visible; margin: 0 auto 13px; line-height: 1.4; border: solid 1px #1987e4; text-align: left; background-color: #fff;}

/*　画面サイズが960pxまで、以下のスタイル適用 */
@media (max-width: 960px){
.faq_wrap2 { width: 100%; margin: 10px auto 5px;}
.faq-check2{ display: none; }
.faq-label2{ width: 96%; margin: 0 auto; padding: 1.2% 2% 1.4%; font-size: 0.85rem;}
.faq-content2{ padding: 0 10px;  font-size: 0.75rem; }
.faq-check2:checked + .faq-label2 + .faq-content2{ width: 96%; padding: 1.2% 2% 1.4%;}
}

/* 0709 タブ内展開メニュー*/
.faq_wrap3 { width: 100%; margin: 10px auto 0;}
.faq-check3{ display: none; }
.faq-label3{ width: 96%; background: #828282; color: #fff; display: block; margin: 0 auto; padding: 1.2% 2% 1.2%; position: relative; font-size: 1.0rem; font-weight: 900; border: solid 1px #828282;}
.faq-label3:before{ content: '\f0a9'; font-family: "Font Awesome 5 Free"; padding: 10px 6px 0 0; font-weight:900;}
.faq-label3:hover{ background: #565656; color: #fff; border: solid 1px #565656; }
.faq-content3{ border: 1px solid #828282; background-color: #fff; display: block; height: 0; opacity: 0; padding: 0 10px; visibility: hidden; font-size: 0.9rem; color: #000; font-weight: normal; line-height: 2;}
.faq-check3:checked + .faq-label3:before{content: '\f0ab';}
.faq-check3:checked + .faq-label3 + .faq-content3{ width: 96%; height: auto; opacity: 1; padding: 1% 2% 1.5%; visibility: visible; margin: 0 auto 13px; line-height: 1.4; border: solid 1px #828282; text-align: left; background-color: #fff;}

/*　画面サイズが960pxまで、以下のスタイル適用 */
@media (max-width: 960px){
.faq_wrap3 { width: 100%; margin: 10px auto 5px;}
.faq-check3{ display: none; }
.faq-label3{ width: 96%; margin: 0 auto; padding: 1.2% 2% 1.4%; font-size: 0.85rem;}
.faq-content3{ padding: 0 10px;  font-size: 0.75rem; }
.faq-check3:checked + .faq-label3 + .faq-content3{ width: 96%; padding: 1.2% 2% 1.4%;}
}

/* popup */
.popup { position: fixed; bottom: 0px; left: 0px; right: 0px; transform: translateY(100%); padding: 1em; margin: 0px; background-color: #3388dd;
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: 0.5s;
}
.popup.js_active {
    transform: translateY(0%);
    opacity: 1;
}

/* iosボタン */
main .btn_ios {
    padding: 10px 0;
    background-color: #000000;
    border: solid 1px #000000;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;	
    display: block;
    flex: 1;
    text-align: center;
}

main .btn_ios:hover {
    background-color: #FF0000;
    border: solid 1px #FF0000;
}

/* androidボタン */
main .btn_android {
    padding: 10px 0;
    background-color: #3ddc84;
    border: solid 1px #3ddc84;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    display: block;
    flex: 1;
    text-align: center;
}

main .btn_android:hover {
    background-color: #FF0000;
    border: solid 1px #FF0000;
}

/* main_ul */
main #ac_info ol {
    width: 100%;
    margin: 0.25% auto;
    padding: 0;
    list-style: none;
    max-width: 980px;
    display: flex;
    align-items: stretch;
}

main #ac_info ol li:first-child {
    width: 49.5%;
    margin: 0 0.5% 0 0;
    padding: 0.75% 0;
}

main #ac_info ol li:last-child {
    width: 49.5%;
    margin: 0 0 0 0.5%;
    padding: 0.75% 0;
}