.tel_num{
text-align: center;
padding: 10px 0;
font-size: 110%;
}
/*ポップアップ*/
.popup {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
max-height: 100vh;
box-sizing: border-box;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: .6s;
overflow-y: auto;
}
.popup.is-show {
opacity: 1;
visibility: visible;
}
.popup-inner {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 90%;
max-width: 1300px;
padding: 20px;
background-color: #ffffff;
z-index: 2;
border-radius: 10px;
}
.popup-inner p{
font-size: 150%;
font-weight: bold;
}
.popup-inner img {
width: 100%;
}
.popbox{
width: 100%;
margin: 0 auto;
padding: 20px 0;
}
.imagephoto{
width: 100%;
margin: 0 auto;
}
.imagephoto img{
width: 50%;
}
.close_btn  {
font-size: 105%;
font-weight: bold;
width: 80%;
border: 2px solid #e5f8fc;
background: #e5f8fc;
padding: 15px 0;
text-align: center;
margin: 20px auto;
box-shadow: 0px 2px 2px 0px rgba(8,169,247,0.30), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.1);
border-radius: 10px;
cursor: pointer;
color: #0E99FF;
letter-spacing: 0.2em;
}
.close_btn:hover {
background: #0E99FF;
color: #ffffff;
}
.black-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(15, 15, 15, 0.5);
z-index: 1;
cursor: pointer;
}

.calbox{
width: 60%;
margin: 0 auto;
}
.calbox_top{
width: 100%;
margin: 0 auto;
}
.popup_title{
font-size: 150%;
font-weight: bold;
text-align: center;
margin: 30px auto;
}
.popup_title02 {
position: relative;
color: #003861;
font-weight: bold;
font-size: 160%;
padding: 0 0 10px 0;
text-indent: -2.5rem;
padding-left: 3rem;
}
.popup_title02:before {
content: url("../img/cyuui_mark.png");  
position:relative;
top:5px;      
left:0;    
} 
.popup_cent{
font-size: 110%;
font-weight: bold;
padding: 10px;
text-align: center;
}



/*ラジオボタンアレンジ*/
ul.check-btns{
width: 95%;
margin: 5px auto;
}
ul li{
display: block;
position: relative;
float: left;
width: 95%;
}
ul li input[type=radio]{
position: absolute;
visibility: hidden;
}
ul li label{
display: block;
position: relative;
font-weight: bold;
font-size: 130%;
 margin: 10px auto;
cursor: pointer;
-webkit-transition: all 0.25s linear;
}
ul li .check{
display: block;
position: absolute;
border: 5px solid #222222;
height: 30px;
width: 30px;
top: 20px;
left: 20px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
border-radius: 100%;
background: #ffffff;
}
ul li:hover .check {
border: 5px solid #0067C7;
}
ul li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 15px;
width: 15px;
top: 3px;
left: 3px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
}
input[type=radio]:checked ~ .check {
border: 5px solid #00B8D9;
}
input[type=radio]:checked ~ .check::before{
background: #D90033;
}
input[type=radio]:checked ~ label{
color: #D90033;
}
/*radiobtn*/
.target_btn {
display: none;
}
.target01{
margin: 0 auto;
}
.target01 label{
border: 4px solid #5A3E90;
padding: 13px;
border-radius: 10px;
font-weight: bold;
color: #522C9B;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.target01 label:hover{
background: #F2DBF9;
} 
.target_btn:checked + label {
background-color:#FFF3F3;
font-weight: bold;
border: 2px solid #E4070E;
padding: 5px 10px;
margin-right: 10px;
font-size: 130%;
}

/*acco*/
.accordion .link {
cursor: pointer;
display: block;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.accordion li.default .submenu{
display: block;
}
.submenu {
display: none;
background: #ffffff;
}
.open label{
color: #FFFFFF;
background: #750BA4;
border: 5px solid #D1032F;
margin: 0 auto;
}
label i{
color: #ffffff;
margin-right: 10px;
}
.check-btns i{
color: #90B5B6;
padding-left: 10px;
}
.check-btns i:hover{
color: #EF001D;
}
.check-btns{
font-size: 120%;
}
.check-btns input[type=checkbox] {
display: none;
}
.check-btns label {
position: relative;
padding-left: 25px;
}
.check-btns input[type=checkbox]  + label::before {
position: absolute;
content: '';
display: block;
width: 18px;
height: 18px;
border: 1px solid #000000;
left: -3px;
top: 0;
border-radius: 3px;
}
.check-btns input[type=checkbox]  + label::before:checked {
background: rgba(239,228,83,1.00);
}
.check-btns input[type=checkbox]  + label::after {
position: absolute;
content: '';
display: block;
width: 8px;
height: 12px;
transform: rotate(45deg) scale(0, 0);
border-right: 3px solid #EF001D;
border-bottom: 3px solid #EF001D;
left: 5px;
top: -2px;
transition: .3s;
}
.check-btns input[type=checkbox]:checked + label::after {
transform: rotate(45deg) scale(1, 1);
}
.check-btns input[type=checkbox]:checked + .ch_box{
color: #EF001D;
}
label.ch_box{
padding-left: 30px;
}
label.ch_box:hover{
color: #D984FF;
}
.check-btns input[type=radio] {
display: none;
}
.check-btns input[type=radio]  + label::before {
position: absolute;
content: '';
display: block;
width: 25px;
height: 26px;
border: 2px solid #000000;
left: -2px;
top: 2px;
border-radius: 3px;
}
.check-btns input[type=radio]  + label::before:checked {
background: rgba(239,228,83,1.00);
}
.check-btns input[type=radio]  + label::after {
position: absolute;
content: '';
display: block;
width: 13px;
height: 20px;
transform: rotate(45deg) scale(0, 0);
border-right: 5px solid #EF001D;
border-bottom: 5px solid #EF001D;
left: 5px;
top: 2px;
transition: .3s;
}
.check-btns input[type=radio]:checked + label::after {
transform: rotate(45deg) scale(1, 1);
}
.check-btns input[type=radio]:checked + .ch_box{
color: #EF001D;
font-weight: bold;
}
/*selectボックス*/
.selsct_flex00{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
}
.selsct_flex {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.selsct_flex02 {
display: flex;
align-items: flex-end;
}
.selsct_flex02 p{
font-weight: bold;
	padding: 0 5px 0 5px;
}
.select_css{
display: block;
font-size: 30px;
font-family: sans-serif;
font-weight: bold;
line-height: 1.3;
padding: .6em 2em .5em .5em;
width: 100%;
max-width: 100%; 
box-sizing: border-box;
margin: 0;
border: 1px solid #aaa;
box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
background-repeat: no-repeat, repeat;
background-position: right .4em top 50%, 0 0;
background-size: .65em auto, 100%;
height: 80px;
}
.select_css::-ms-expand {
display: none;
}
.select_css:hover {
border-color: #888;
}
.select_css:focus {
border-color: #aaa;
box-shadow: 0 0 1px 3px rgba(255,19,85,0.70);
box-shadow: 0 0 0 3px -moz-mac-focusring;
color: #E71C20; 
outline: none;
}
.select_css option:checked {
  color: #E71C20;
}
.select_css option {
color: #0B69C0; 
font-weight: 900;
font-size: 120%；
}
#date_of_birth_era,#date_of_birth_year{
}
#date_of_birth_month,#date_of_birth_day{
}
.select_css02{
box-sizing: border-box;
padding: 0 0 0 10px;
margin: 0;
font-family: sans-serif;
font-size: 35px;
font-weight: bold;
line-height: 1.3;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.select_css02::-ms-expand {
display: none;
}
.select_css02:focus {
outline: none;
}
.select_css02 option {
font-weight: normal;
}
.select_css02 option {
display: none;
}

.license_limit {
font-size: 25px;
padding-left: 8px;
font-weight: bold;
width: 95%;
}
.license_limit {
font-size: 18px;
}
.rimit_box{
padding: 15px 20px;
animation: wakuten 1s linear infinite alternate;
}
.rimit_cent{
padding: 0 10px;
}
@keyframes wakuten {
0% {
border: 5px solid #fc4a1a;padding: 16px
}
100% {
border: 5px solid #ffffff;padding: 16px
}
}
#selector option {
display: none;
}
textarea{
width: 90%;
padding: 10px 3px 10px 6px;
border: 1.5px solid #808184;
border-radius: 3px;
margin: 5px 0 5px 5px;
font-size: calc(1rem + 0.5vw); /* ビューポート幅に応じてサイズ調整 */
field-sizing: content;
}
@media screen and (max-width: 990px) {
.select_css {
font-size: 25px;
padding: .6em 2em .5em .5em;
height: 70px;
}
}
@media screen and (max-width: 890px){ 
 /*ポップアップ*/
.popup {
}
.popup.is-show {
opacity: 1;
visibility: visible;
}

.popbox{
width: 100%;
margin: 0 auto;
padding: 10px 0;
}
.popup p{
font-size: 90%;
text-indent: 0;
padding: 0 10px;
}
.imagephoto{
width: 100%;
margin: 0 auto;
}
.imagephoto img{
 width: 90%;
}
.popup_cent{
font-size: 90%;
}
.popup_title {
font-size: 130%;
margin: 8px auto 10px;
}


.license_limit {
font-size: 20px;
}
.rimit_cent{
padding: 10px;
}
.select_css {
padding: .6em 1.6em .5em .5em;
}
}
@media screen and (max-width:580px) {
.popup-inner {
width: 95%;
padding: 20px 5px;
z-index: 2;
border-radius: 5px;
}
.black-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 150vh;
background-color: rgba(15, 15, 15, 0.5);
z-index: 1;
cursor: pointer;
}
.popup-inner p{
font-size: 120%;
font-weight: bold;
}
.check-btns{
font-size: 100%;
}
.target_btn:checked + label {
padding: 0 10px;
font-size: 120%;
margin-right: 10px;
}
 ul li{
width: 98%;
}
.rimit_box{
padding: 10px 0;
animation: wakuten 1s linear infinite alternate;
width: 90%;
}
.close_btn  {
background: #e5f8fc;
padding: 20px 0;
}
.selsct_flex00{
flex-direction: column;
width: 100%;
margin: 10px auto;
}
.selsct_flex{
flex-direction: row;
}
.selsct_flex02 {
margin: 15px 0;
}
.select_css {
line-height: 1;
background-position:right 0.2em top 50%,0 0;
background-size:0.4em auto,100%;
font-size: 30px;
padding: .6em 2em .5em .5em;
height: 70px;
}
.select_css02{
padding: 0 0 0 10px;
font-size: 28px;
line-height: 1;
}
}