/* ============================================
-----------------------------------------------
reset
-----------------------------------------------
=============================================== */
*, *:before, *:after {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
}
a,img{padding:0;margin:0}.clearfix:after,:after{display:block;clear:both}a,html,img{margin:0}.inner,article,footer,header,section{position:relative}a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0; font-style: normal;}ins,mark{background-color:#ff9;color:#000}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}img{vertical-align:bottom;font-size:0;line-height:0}.clearfix{zoom:1}.clearfix:after{content:".";height:0;visibility:hidden}i{font-style:normal}
html{min-height:100%;height:100%;font-size:62.5%}
/* ============================================
-----------------------------------------------
library
-----------------------------------------------
=============================================== */
.m0{margin:0!important}.p0{padding:0!important}.ml0{margin-left:0!important}.ml10{margin-left:10px!important}.ml20{margin-left:20px!important}.ml30{margin-left:30px!important}.ml40{margin-left:40px!important}.ml50{margin-left:50px!important}.ml60{margin-left:60px!important}.ml70{margin-left:70px!important}.ml80{margin-left:80px!important}.ml90{margin-left:90px!important}.ml100{margin-left:100px!important}.mr0{margin-right:0!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mr60{margin-right:60px!important}.mr70{margin-right:70px!important}.mr80{margin-right:80px!important}.mr90{margin-right:90px!important}.mr100{margin-right:100px!important}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt35{margin-top:35px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb8{margin-bottom:8px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px!important}.mb60{margin-bottom:60px!important}.mb70{margin-bottom:70px!important}.mb80{margin-bottom:80px!important}.mb90{margin-bottom:90px!important}.mb100{margin-bottom:100px!important}.pl0{padding-left:0!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important}.pl40{padding-left:40px!important}.pl50{padding-left:50px!important}.pl60{padding-left:60px!important}.pl70{padding-left:70px!important}.pl80{padding-left:80px!important}.pl90{padding-left:90px!important}.pl100{padding-left:100px!important}.pr0{padding-right:0!important}.pr10{padding-right:10px!important}.pr20{padding-right:20px!important}.pr25{padding-right:25px!important}.pr30{padding-right:30px!important}.pr40{padding-right:40px!important}.pr50{padding-right:50px!important}.pr60{padding-right:60px!important}.pr70{padding-right:70px!important}.pr80{padding-right:80px!important}.pr90{padding-right:90px!important}.pr100{padding-right:100px!important}.pt0{padding-top:0!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt25{padding-top:25px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt90{padding-top:90px!important}.pt100{padding-top:100px!important}.pb0{padding-bottom:0!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb65{padding-bottom:65px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb90{padding-bottom:90px!important}.pb100{padding-bottom:100px!important}.plr0{padding-left:0!important;padding-right:0!important}.plr5{padding-left:5px!important;padding-right:5px!important}.plr10{padding-left:10px!important;padding-right:10px!important}.plr15{padding-left:15px!important;padding-right:15px!important}.plr20{padding-left:20px!important;padding-right:20px!important}.plr25{padding-left:25px!important;padding-right:25px!important}.plr30{padding-left:30px!important;padding-right:30px!important}.plr35{padding-left:35px!important;padding-right:35px!important}.plr40{padding-left:40px!important;padding-right:40px!important}.ml110{margin-left:110px!important}.ml120{margin-left:120px!important}.ml130{margin-left:130px!important}.ml140{margin-left:140px!important}.ml150{margin-left:150px!important}.ml160{margin-left:160px!important}.ml170{margin-left:170px!important}.ml180{margin-left:180px!important}.ml190{margin-left:190px!important}.ml200{margin-left:200px!important}.mr110{margin-right:110px!important}.mr120{margin-right:120px!important}.mr130{margin-right:130px!important}.mr140{margin-right:140px!important}.mr150{margin-right:150px!important}.mr160{margin-right:160px!important}.mr170{margin-right:170px!important}.mr180{margin-right:180px!important}.mr190{margin-right:190px!important}.mr200{margin-right:200px!important}.mt110{margin-top:110px!important}.mt120{margin-top:120px!important}.mt130{margin-top:130px!important}.mt140{margin-top:140px!important}.mt150{margin-top:150px!important}.mt160{margin-top:160px!important}.mt170{margin-top:170px!important}.mt180{margin-top:180px!important}.mt190{margin-top:190px!important}.mt200{margin-top:200px!important}.mb110{margin-bottom:110px!important}.mb120{margin-bottom:120px!important}.mb130{margin-bottom:130px!important}.mb140{margin-bottom:140px!important}.mb150{margin-bottom:150px!important}.mb160{margin-bottom:160px!important}.mb170{margin-bottom:170px!important}.mb180{margin-bottom:180px!important}.mb190{margin-bottom:190px!important}.mb200{margin-bottom:200px!important}.pl110{padding-left:110px!important}.pl120{padding-left:120px!important}.pl130{padding-left:130px!important}.pl140{padding-left:140px!important}.pl150{padding-left:150px!important}.pl160{padding-left:160px!important}.pl170{padding-left:170px!important}.pl180{padding-left:180px!important}.pl190{padding-left:190px!important}.pl200{padding-left:200px!important}.pr110{padding-right:110px!important}.pr120{padding-right:120px!important}.pr130{padding-right:130px!important}.pr140{padding-right:140px!important}.pr150{padding-right:150px!important}.pr160{padding-right:160px!important}.pr170{padding-right:170px!important}.pr180{padding-right:180px!important}.pr190{padding-right:190px!important}.pr200{padding-right:200px!important}.pt110{padding-top:110px!important}.pt120{padding-top:120px!important}.pt130{padding-top:130px!important}.pt140{padding-top:140px!important}.pt150{padding-top:150px!important}.pt160{padding-top:160px!important}.pt170{padding-top:170px!important}.pt180{padding-top:180px!important}.pt190{padding-top:190px!important}.pt200{padding-top:200px!important}.pb110{padding-bottom:110px!important}.pb120{padding-bottom:120px!important}.pb130{padding-bottom:130px!important}.pb140{padding-bottom:140px!important}.pb150{padding-bottom:150px!important}.pb160{padding-bottom:160px!important}.pb170{padding-bottom:170px!important}.pb180{padding-bottom:180px!important}.pb190{padding-bottom:190px!important}.pb200{padding-bottom:200px!important}.ma0{margin:0!important}.ma10{margin:10px!important}.ma15{margin:15px!important}.ma20{margin:20px!important}.ma30{margin:30px!important}.ma40{margin:40px!important}.ma50{margin:50px!important}.ma60{margin:60px!important}.ma70{margin:70px!important}.ma80{margin:80px!important}.ma90{margin:90px!important}.ma100{margin:100px!important}.ma110{margin:110px!important}.ma120{margin:120px!important}.ma130{margin:130px!important}.ma140{margin:140px!important}.ma150{margin:150px!important}.ma160{margin:160px!important}.ma170{margin:170px!important}.ma180{margin:180px!important}.ma190{margin:190px!important}.ma200{margin:200px!important}.pd0{padding:0!important}.pd5{padding:5px!important}.pd10{padding:10px!important}.pd15{padding:15px!important}.pd20{padding:20px!important}.pd25{padding:25px!important}.pd30{padding:30px!important}.pd40{padding:40px!important}.pd50{padding:50px!important}.pd60{padding:60px!important}.pd70{padding:70px!important}.pd80{padding:80px!important}.pd90{padding:90px!important}.pd100{padding:100px!important}
.w100p{width:100%!important}.w95p{width:95%!important}.w90p{width:90%!important}.w85p{width:85%!important}.w80p{width:80%!important}.w75p{width:75%!important}.w70p{width:70%!important}.w65p{width:65%!important}.w60p{width:60%!important}.w55p{width:55%!important}.w50p{width:50%!important}.w45p{width:45%!important}.w40p{width:40%!important}.w35p{width:35%!important}.w30p{width:30%!important}.w25p{width:25%!important}.w20p{width:20%!important}.w15p{width:15%!important}.w10p{width:10%!important}.w5p{width:5%!important}.w0p{width:0!important}.m0auto{margin-left:auto!important;margin-right:auto!important}.w20{width:20px!important}.w40{width:40px!important}.w60{width:60px!important}.w80{width:80px!important}.w100{width:100px!important}.w120{width:120px!important}.w140{width:140px!important}.w150{width:150px!important}.w160{width:160px!important}.w180{width:180px!important}.w200{width:200px!important}.w220{width:220px!important}.w230{width:230px!important}.w240{width:240px!important}.w260{width:260px!important}.w270{width:270px!important}.w280{width:280px!important}.w290{width:290px!important}.w300{width:300px!important}.w320{width:320px!important}.w330{width:330px!important}.w340{width:340px!important}.w360{width:360px!important}.w375{width:375px!important}.w380{width:380px!important}.w400{width:400px!important}.w420{width:420px!important}.w440{width:440px!important}.w455{width:455px!important}.w460{width:460px!important}.w480{width:480px!important}.w500{width:500px!important}.w520{width:520px!important}.w540{width:540px!important}.w560{width:560px!important}.w580{width:580px!important}.w600{width:600px!important}.w620{width:620px!important}.w640{width:640px!important}.w660{width:660px!important}.w680{width:680px!important}.w700{width:700px!important}.w720{width:720px!important}.w740{width:740px!important}.w760{width:760px!important}.w780{width:780px!important}.w800{width:800px!important}.w820{width:820px!important}.w840{width:840px!important}.w860{width:860px!important}.w880{width:880px!important}.w900{width:900px!important}.w920{width:920px!important}.w940{width:940px!important}.w960{width:960px!important}.w980{width:980px!important}.w1000{width:1000px!important}.w1020{width:1020px!important}.w1040{width:1040px!important}.w1060{width:1060px!important}.w1080{width:1080px!important}.w1100{width:1100px!important}.w445{width:445px!important}.h20{height:20px!important}.h40{height:40px!important}.h60{height:60px!important}.h80{height:80px!important}.h100{height:100px!important}.h120{height:120px!important}.h140{height:140px!important}.h160{height:160px!important}.h180{height:180px!important}.h200{height:200px!important}.h220{height:220px!important}.h240{height:240px!important}.h260{height:260px!important}.h280{height:280px!important}.h290{height:290px!important}.h300{height:300px!important}.h320{height:320px!important}.h340{height:340px!important}.h360{height:360px!important}.h380{height:380px!important}.h400{height:400px!important}.h420{height:420px!important}.h440{height:440px!important}.h460{height:460px!important}.h480{height:480px!important}.h500{height:500px!important}.h520{height:520px!important}.h540{height:540px!important}.h560{height:560px!important}.h580{height:580px!important}.h600{height:600px!important}.h620{height:620px!important}.h640{height:640px!important}.h660{height:660px!important}.h680{height:680px!important}.h700{height:700px!important}.h720{height:720px!important}.h740{height:740px!important}.h760{height:760px!important}.h780{height:780px!important}.h800{height:800px!important}.h820{height:820px!important}.h840{height:840px!important}.h860{height:860px!important}.h880{height:880px!important}.h900{height:900px!important}
.row{display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:no-wrap;-webkit-flex-wrap:no-wrap;-ms-flex-wrap:none}
.flex-center{-webkit-justify-content:center;justify-content:center;-ms-flex-pack:center}
.flex-start{-webkit-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start}
.flex-end{-webkit-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end}
.flex-wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap}
.flex-re{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}
.flex-a-center{-webkit-align-items:center;align-items:center}
.flex-a-start{-webkit-align-items:start;align-items:start}
.flex-a-base{-webkit-align-items:baseline;align-items:baseline}
.flex-1{flex: 1 1 auto;}
.float_left{ float: left; }
.float_right{ float: right; }

/* ============================================
-----------------------------------------------
base
-----------------------------------------------
=============================================== */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP"),
       local("Noto Sans JP"),
  url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
  url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
  url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
html{min-height:100%;height:100%;font-size:62.5%}
body {
  min-height: 100%;
  height: 100%;
  background: #FFF;
  font-family: "Noto Sans CJK JP", sans-serif;
  font-size:15px;
  font-weight:400;
  color:#333333;
  text-align:center;
}
#wrapper{
  min-width: 990px;  
}
.inner{
  position: relative;
  width:990px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
hr{
  height: 1px;
  margin: 40px 0 30px;
  background: #c0cee3;
  border: none;
  border-top: #c0cee3 solid 1px;
}
.pop_container .inner{
  width: 90%;
}

/* aタグ
----------------------------------------------- */
a{ display:block; text-decoration: none; color: #008fff; }
a:hover { text-decoration: underline; }
a:visited { color: #832eda; }
button,
a,
a img,
input,
a::after,
a::before{
  -moz-transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
}
.img_hover:hover{
  opacity: .7;
}
/* box
----------------------------------------------- */
.border_r_l{
  border-radius: 8px;
}
.border_r_s{
  border-radius: 4px;
}
.box_base{
  background: #dae6ee;
  padding: 36px 30px;
}
.box_white{
  background: #FFF;
  box-shadow:0px 2px 3px 0px rgba(0,0,0,.05);
}
.box_white_red{
  background: #FFF;
  border: #e00000 solid 1px;
  padding: 30px;
}

/* border
----------------------------------------------- */
.br_dot{
  border-right:#75787b dotted 1px;
  padding-right: 35px;
}
/* title
----------------------------------------------- */
.ttl_base{
  position: relative;
  padding-left: 16px;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
}
.ttl_base::before{
  content: '';
  display: block;
  position: absolute;
  top:0;
  left: 0;
  background: #174198;
  border-radius: 3px;
  width: 4px;
  height: 30px;
}
.pop_container .ttl_base{
  margin-bottom: 15px;
  font-size: 18px;
}


/* text
----------------------------------------------- */
.txt_center{ text-align: center !important; }
@media only screen and (max-width: 640px) {
.txt_center{ text-align: left !important; margin-left: 15px; font-size: 13px;}
}
.txt_left{ text-align: left !important; }
.txt_right{ text-align: right !important; }
.txt_w_normal{ font-weight: 400 !important;}
.txt_w_bold{ font-weight: 700 !important;}
.inline{display: inline !important;}
.inline_block{ display:inline-block !important; }
.txt_desc{ line-height: 1.86; }
@media only screen and (max-width: 640px) {
.txt_desc{ line-height: 1.46; }
}
.inner > .txt_desc{ margin-bottom: 30px; }
.txt_small{ font-size: 13px !important; }
.txt_large{  font-size: 17px !important; }

.txt_red{
  color: #e00000;
}

.link_arrow a{
  display: inline-block;
  background: url(../img/pc/icn_arrow_left.png) no-repeat left center;
  padding-left: 16px;
  margin-bottom: 10px;
  font-size: 14px;
}
.link_blank,
.link_blank:visited{
  display: inline-block;
  background: url(../img/pc/icn_blank.png) no-repeat right center;
  padding-right: 16px;
  color: #008fff;
}
.ttl_span{
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 28px;
  background: #FFF;
  border: #c0cee3 solid 1px;
  text-align: center;
  margin-right: .7em;
}

/* list
----------------------------------------------- */
.list_base li{
  margin-bottom: 8px;
}
.list_base li:last-child{
  margin-bottom: 0;
}
.list_dot{
  margin-bottom: 20px;
}
.list_dot li{
  margin-bottom: 6px;
  list-style:disc;
  margin-left: 1em;
  line-height: 1.5;
}
.list_dot li.dot_no{
  list-style:none;
}
/* input
----------------------------------------------- */
button{
  border: none;
}
.text_box_base{
  display: block;
  height: 38px;
  border: #1e9dff solid 1px;
  border-radius: 4px;
  padding-left: 15px;
  font-size: 15px;
  line-height: 36px;
}
.text_box_h_large{
  height: 50px;
  line-height: 48px;
}
.btn_base{
  width: 120px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  font-size: 15px;
  text-align: center;
  line-height: 45px;
  cursor: pointer;
}
.btn_primary,
a.btn_primary:visited {
  background: #987321;
  color: #FFF;
}
.btn_secondary,
a.btn_secondary:visited {
  background: #009982;
  color: #FFF;
}
.btn_base:hover,a.btn_base:hover{ text-decoration: none; }
.btn_primary:hover,
a.btn_primary:hover{
  background: #009982;
}
.btn_secondary:hover,
a.btn_secondary:hover{
  background: #026455;
}
.btn_group{
  text-align: center;
  margin-bottom: 1px;
}
.btn_group .btn_base{
  display: inline-block;
  margin: 0 10px 0;
}
.btn_saved,
a.btn_saved:visited{
  width:180px;
  border:#4b9bff solid 1px;
  color: #4b9bff;
}
.btn_saved:hover,
a.btn_saved:hover{
  box-shadow:0 0 0 1px #4b9bff;
  font-weight: 700;
}
.btn_jwid{
  overflow: hidden;
  border:#174198 solid 2px;
  margin-bottom: 10px;
  background: url(../img/pc/btn_jwid_over.png) no-repeat 0 0;
}
.btn_jwid:hover{
  border:#4b9bff solid 2px;
}
.btn_jwid:hover img{
  opacity: 0;
}
.input_method,
.input_method:visited{
  position: absolute;
  right: 0;
  top:0;
  width: 130px;
  border-radius: 3px;
  line-height: 30px;
  padding-right: 12px;
  background: url(../img/pc/icn_arrow_white.png) no-repeat 12px center #009982;
  color: #FFF;
  text-align: right;
}
.input_method:hover{
  background: url(../img/pc/icn_arrow_white.png) no-repeat 12px center #026455;
}
.btn_pen,
.btn_pen:visited{
  display: inline-block;
  width: 90px;
  border-radius: 3px;
  line-height: 30px;
  padding-right: 12px;
  background: url(../img/pc/icn_pen.png) no-repeat 8px center #174198;
  color: #FFF;
  text-align: right;
}
.btn_pen:hover{
  background: url(../img/pc/icn_pen.png) no-repeat 8px center #062461;
}
.btn_inline{
  display: inline-block;
  width: auto;
  padding: 0 20px;
  line-height: 30px;
}
.btn_copy,
.btn_copy:visited{
  background: #5b8eb3;
  color: #FFF;
}
.btn_delete,
.btn_delete:visited{
  background: #FFF;
  color: #e00000;
  border: #b6b6b6 solid 1px;
}
.btn_copy:hover{
  background: #1e6aa2;
}
.btn_delete:hover{
  border: #e00000 solid 1px;
}
/* selectbox */
.custom_select {
  display: inline-block;
	position: relative;
	border: 1px solid #b6b6b6;
	border-radius: 2px;
	background: #ffffff;
  height: 30px;
	text-align: center;
  margin-right: 8px;
}
.custom_select select {
	padding: 0 16px 0 6px;
	color: #333;
	width: 100%;
  height: 28px;
  line-height: 26px;
	padding-right: 1em;
	cursor: pointer;
	text-overflow: ellipsis;
	border: none;
  border-radius: 2px;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow:0 -1px 2px 0 rgba(0,0,0,0.1) inset;
	-webkit-appearance: none;
	appearance: none;
  font-size: 15px;
}
.custom_select select::-ms-expand {
    display: none;
}
.custom_select::before {
  position: absolute;
  top: 0.7em;
  right: 0.7em;
  width: 6px;
  height: 6px;
  padding: 0;
  content: '';
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
}
/* checkbox */
.custom_checkbox span{
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
}
.custom_checkbox span::before,
.custom_checkbox span::after{
  content: "";
  display: inline-block;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.custom_checkbox span::before{
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  top: 50%;
  left: 0;
  margin-top: -18px;
  border-radius: 4px;
}

.custom_checkbox input[type="checkbox"]{
  display: none;
}

/* input要素の代替（外側）：チェック後 */
.custom_checkbox input[type="checkbox"]:checked + span::before{
  border: 1px solid #30bb0a;
  background-color: #30bb0a;
}

/* input要素の代替（内側）：チェック後 */
.custom_checkbox input[type="checkbox"]:checked + span::after{
  width: 6px;
  height: 9px;
  border-bottom: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -5px;
  left: 6px;
}
/* form
----------------------------------------------- */
.required{
  display:inline-block;
  padding: 0 8px;
  margin-right: 10px;
  background: #cc0000;
  color: #FFF;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;  
}
.ime_mode_dis{ ime-mode:disabled; }
.ime_mode_inact{ ime-mode:inactive; }
.ime_mode_act{  ime-mode:active; }
.form_required,
.form_zenkaku,
.form_hiragana,
.form_katakana,
.form_alphanumeric,
.form_numeric,
.form_alphabetic{
}

/* table
----------------------------------------------- */
.form_cover{
  overflow: hidden;
  border-radius: 10px;
  margin: 30px 0;
}
.table_form{
  width: 100%;
  border-top: 10px solid #b6c5d0;
  border-bottom: 10px solid #b6c5d0;
  border-radius: 10px;
  background: #FFF;
}
.table_form tr th,
.table_form tr td{
  vertical-align: middle;
  border-bottom: 1px solid #b6c5d0;
  position: relative;
  min-height: 60px;
}
.table_form tr th{
  padding:0  20px;
  background: #dae6ee;
}
.table_form tr th strong{
  display: inline-block;
  padding-bottom: 4px;
  color: #333;
  border-bottom: 2px solid #333;
}
.table_form tr td{
  padding: 10px 20px 10px 10px;
}
.table_form tr:last-child th,
.table_form tr:last-child td{
  border-bottom: 1px solid #b6c5d0;
}
.table_form .required{
  position: absolute;
  right: 20px;
  top:50%;
  margin-top: -11px;
  margin-right: 0;
}
.table_form .text_box_base{
  display: inline-block;
  padding-left: 10px;
}
.table_form label{
  display: inline-block;
  line-height: 38px;
}
/* 一覧テーブル */
.table_regist_list{
  width: 100%;
  margin-bottom: 15px;
  background: #FFF;
  border-left: #b6c5d0 solid 1px;
  border-bottom: #b6c5d0 solid 1px;
  font-size: 13px;
}
.table_regist_list tr th,
.table_regist_list tr td{
  vertical-align: middle;
  padding: 10px 0;
}

.table_regist_list thead tr th{
  text-align: center;
  background: #edf1f4;
  border-top: #b6c5d0 solid 1px;
  border-right: #b6c5d0 solid 1px;
}
.table_regist_list tbody tr th,
.table_regist_list tbody tr td{
  border-top: #b6c5d0 solid 1px;
  border-right: #b6c5d0 solid 1px;
}
.table_regist_list tbody tr th{
  text-align: center;
  background: #dae6ee;
  font-size: 20px;
  font-weight: 700;
  padding:0 5px;
  border-top: #b6c5d0 solid 2px;
}
.table_regist_list tbody tr td{
  padding:1px 8px;
}
.table_regist_list tbody tr.first_cell td{
  border-top: #b6c5d0 solid 2px;
}
.table_regist_list .btn_base{
  width: 60px;
  margin: 0 auto 4px;
  height: 30px;
  line-height: 28px;
  font-size: 13px;
}
.table_regist_list .btn_base:last-child{
  margin-bottom: 0;
}
.table_regist_list label{
  display: block;
}


/* 一覧テーブル30 */
.table_regist_xlist{
  width: 30%;
  margin-bottom: 15px;
  background: #FFF;
  border-left: #b6c5d0 solid 1px;
  border-bottom: #b6c5d0 solid 1px;
  font-size: 13px;
}
.table_regist_xlist tr th,
.table_regist_xlist tr td{
  vertical-align: middle;
  padding: 10px 0;
    min-height: 40px;
}

.table_regist_xlist thead tr th{
  text-align: center;
  background: #edf1f4;
  border-top: #b6c5d0 solid 1px;
  border-right: #b6c5d0 solid 1px;
}
.table_regist_xlist tbody tr th,
.table_regist_xlist tbody tr td{
  border-top: #b6c5d0 solid 1px;
  border-right: #b6c5d0 solid 1px;
}
.table_regist_xlist tbody tr th{
  text-align: center;
  background: #dae6ee;

  font-weight: 700;
  padding:0 5px;
  border-top: #b6c5d0 solid 2px;
}
.table_regist_xlist tbody tr td{
  padding:1px 8px;
}
.table_regist_xlist tbody tr.first_cell td{
  border-top: #b6c5d0 solid 2px;
}
.table_regist_xlist .btn_base{
  width: 60px;
  margin: 0 auto 4px;
  height: 30px;
  line-height: 28px;
  font-size: 13px;
}
.table_regist_xlist .btn_base:last-child{
  margin-bottom: 0;
}
.table_regist_xlist label{
  display: block;
}

/* 一覧テーブル50 */
.table_regist_50list{
  width: 50%;
  margin-bottom: 15px;
  background: #FFF;
  border-left: #b6c5d0 solid 1px;
  border-bottom: #b6c5d0 solid 1px;
  font-size: 13px;
}
.table_regist_50list tr th,
.table_regist_50list tr td{
  vertical-align: middle;
  padding: 10px 0;
    min-height: 40px;
}

.table_regist_50list thead tr th{
  text-align: center;
  background: #edf1f4;
  border-top: #b6c5d0 solid 1px;
  border-right: #b6c5d0 solid 1px;
}
.table_regist_50list tbody tr th,
.table_regist_50list tbody tr td{
  border-top: #b6c5d0 solid 1px;
  border-right: #b6c5d0 solid 1px;
}
.table_regist_50list tbody tr th{
  text-align: center;
  background: #dae6ee;

  font-weight: 700;
  padding:0 5px;
  border-top: #b6c5d0 solid 2px;
}
.table_regist_50list tbody tr td{
  padding:1px 8px;
}
.table_regist_50list tbody tr.first_cell td{
  border-top: #b6c5d0 solid 2px;
}
.table_regist_50list .btn_base{
  width: 60px;
  margin: 0 auto 4px;
  height: 30px;
  line-height: 28px;
  font-size: 13px;
}
.table_regist_50list .btn_base:last-child{
  margin-bottom: 0;
}
.table_regist_50list label{
  display: block;
}



.tti_cell{
  background: #edf1f4;
}
/* iframe
----------------------------------------------- */
.frame_base{
  width:990px;
}
.iframe_parts{
  background: none;
}
/* --------------------------------------
header container

/* --------------------------------------
header container
-------------------------------------- */
.header_container{
  background: #174198;
  border-bottom:#174198 solid 3px;
  text-align: left;
}
.header_logo{
  padding: 12px 30px;
  border-bottom:#FFF solid 1px;
}
.header_ttl{
  height: 82px;
  border-bottom:#174198 solid 2px;
}
.header_ttl h1{
  font-size: 26px;
  font-weight: 700;
  line-height: 76px;
}
.header_ttl .btn_logout{
  position: absolute;
  right: 0;
  top:24px;
  background: url(../img/pc/btn_logout_over.png) no-repeat center center;
}
.header_ttl .btn_logout a:hover{
  opacity: 0;
}
/* --------------------------------------
main container
-------------------------------------- */
.main_container{
  background: #eaf1f6;
  padding: 50px 0 90px;
  display: block;
}
.pop_container{
  background: #eaf1f6;
  padding: 20px 0;
}

/* --------------------------------------
footer container
-------------------------------------- */
.footer_top{
  position: relative;

  border-top:#174198 solid 1px;
  padding: 28px 0;
}
.footer_bottom{
  position: relative;

  padding: 12px 0;
  background: #174198;
  color: #FFF;
  font-size: 13px;
  font-weight:400;
}
.pagetop a{
  width:42px;
  height: 42px;
  position: fixed;
  right: 20px;
  bottom: 25px;
  z-index: 100;
  border: #174198 solid 1px;
  border-radius: 21px;
  background: #FFF;
}
.pagetop a img{
  padding-top: 15px;
}
.pagetop a:hover{
  border: #1e9dff solid 1px;
}
.pagetop a:hover img{
  opacity: .7;
}
/* ============================================
-----------------------------------------------
login
-----------------------------------------------
=============================================== */
.logo_welcome{
  text-align: center;
  margin-bottom: 30px;
}
.icn_login,
.icn_beginner{
  margin-bottom: 25px;
}
.icn_login{
  padding-top: 60px;
  background: url(../img/pc/icn_login.png) no-repeat center 10px;
  text-align: center;
  font-size: 20px;
}
.icn_beginner{
  padding-top: 60px;
  background: url(../img/pc/icn_beginner.png) no-repeat center 10px;
  text-align: center;
  font-size: 20px;
}
.box_login01,
.box_login02{
  height: 284px;
}
.box_login01{
  width: 460px;
  padding: 40px 50px 0;
}
.box_login02{
  width: 460px;
}
/* ============================================
-----------------------------------------------
top
-----------------------------------------------
=============================================== */
.user_name{
  text-align: left;
  font-size: 26px;
  font-weight: 400;
  margin: 40px auto 60px;
}
.user_name span{
  display: inline-block;
  padding: 0 12px;
  font-size: 26px;
  font-weight: 700;
}
.menu_top li{
  width: 470px;
  float: left;
  height: 160px;
  border-radius: 8px;
  background: #dae6ee;
  margin-right: 50px;
  margin-bottom: 50px;
}



.menu_top li:nth-child(2n){
  margin-right: 0;
}
.menu_top li a{
  position: relative;
  display: block;
  width: 470px;
  height: 160px;
  border-radius: 8px;
  padding: 20px;
  color: #333;
}
.menu_top li a:hover{
  text-decoration: none;
  color: #008fff;
}
.menu_top li a img{
  position: absolute;
  left: 20px;
  top:20px;
}
.menu_top li a:hover img{
  opacity: 0;
}
.menu_top li a h3,
.menu_top li a p{
  padding-left: 140px;
}
.menu_top li a h3{
  padding-top: 6px;
  margin-bottom: 15px;
  font-size:18px;
}
.menu_top li a p{
}
.menu_top li.menu_new a{ background: url(../img/pc/icn_menu_new_over.png) no-repeat 20px 20px; }
.menu_top li.menu_search a{ background: url(../img/pc/icn_menu_search_over.png) no-repeat 20px 20px; }
.menu_top li.menu_touroku a{ background: url(../img/pc/icn_menu_touroku_over.png) no-repeat 20px 20px; }
.menu_top li.menu_houkoku a{ background: url(../img/pc/icn_menu_houkoku_over.png) no-repeat 20px 20px; }
.menu_top li.menu_ikkatsu a{ background: url(../img/pc/icn_menu_ikkatsu_over.png) no-repeat 20px 20px; }
.menu_top li.menu_account a{ background: url(../img/pc/icn_menu_account_over.png) no-repeat 20px 20px; }
.menu_top li.menu_pass a{ background: url(../img/pc/icn_menu_pass_over.png) no-repeat 20px 20px; }
.menu_top li.menu_jwid a{ background: url(../img/pc/icn_menu_jwid_over.png) no-repeat 20px 20px; }

.menu_top li.menu_ikkatsu_disabled a{ background: url(../img/pc/icn_menu_ikkatsu_over.png) no-repeat 20px 20px;pointer-events:none;opacity:0.6;  }

.box_dot{
  border-top:#75787b dotted 1px;
  border-bottom:#75787b dotted 1px;
  padding: 26px 0;
}
.link_pdf{
  text-align: center;
}
.link_pdf a{
  display: inline-block;
  background: url(../img/pc/icn_pdf.png) no-repeat center left;
  height: 56px;
  line-height: 56px;
  padding-left: 60px;
  font-size: 16px;
}

/* ============================================
-----------------------------------------------
曲目情報登録
-----------------------------------------------
=============================================== */
.list_tyosakusya{
  height: 340px;
  overflow-y: scroll;
  margin: 10px 0;
}
.list_tyosakusya li{
  margin-bottom: 10px;
}
.display_select{
  text-align: right;
  margin-bottom: 15px;
}
.display_select .custom_select{
  margin: 0 20px 0 10px;
}
.page_now_no{
  display: inline-block;
  margin-right: 5px;
  font-size: 20px;
  font-weight: 700;
}
.form_field_inline *{
  display: inline-block;
}
.form_field_inline .text_box_base{
  margin: 0 10px;
}

.colorfilter-base {
    background-color: gray; /* カラーフィルタ効果の色を指定 */
}
.colorfilter-image {
    opacity: 0.1;    /* カラーフィルタ効果の度合いを指定(※) */
    display: block;
}
/* ============================================
-----------------------------------------------
追加情報
-----------------------------------------------
=============================================== */
.red {
  color:#e00000;
}

.info_red {

  margin-left: 200px;
  color:#e00000;

}
@media only screen and (max-width: 640px) {
.info_red {
  font-size: 14px;
  margin-left: 15px;
  color:#e00000;

}
}
@media only screen and (max-width: 640px) {

.inner{
  position: relative;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
}
/**
追加要素
*/
@media only screen and (max-width: 640px) {
   .user_name{
     text-align: left;
      margin-left: 40px;
     font-size: 16px;
     font-weight: 300;
           margin-left: 10px;
   }
}
@media only screen and (max-width: 640px) {
   .user_name span{
     display: inline-block;
     padding: 0 9px;
     font-size: 18px;
     font-weight: 700;
   }
}
@media only screen and (max-width: 640px) {
   .menu_top li{
     display: inline-block;
     float: left;
     height: 160px;
     border-radius: 8px;
     background: #dae6ee;
      margin-left: 5px;
           margin-right: 50px;
     margin-bottom: 50px;
}
}
/* 変更管理ID　1963対応*/
/*img {
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     filter: grayscale(100%);
}*/