@charset "UTF-8";
body {
font-family:'Noto Sans JP', sans-serif,'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;line-height: 1.5;
background: url("../img/whole_bg02.png");
background-repeat: repeat;            
background-position:center center;   
margin: 0;
}
.main_cont{
width: 85%;
margin: 0px auto 100px;
background: #ffffff;
border-radius: 10px;
border: 5px solid #0E99FF;
padding: 20px;
position: relative;
top: -70px;
max-width: 1300px;
}
.main_cont02{
margin: 0 auto;
}
header{
background: #B9E5FB; 
padding: 20px 0 100px;
margin: 0;
}
h1{
font-weight: bold;
font-size: 200%;
text-align: center;
color: #0E99FF;
}
h3{
margin: 10px auto;
line-height: 1.3;
font-size: 130%;
font-weight: bold;
text-indent: -2.5rem;
padding-left: 3rem;
color: #000000; 
text-align: center;
}
h3::before {
content: url("../img/senior_mark.png");  
position:relative;
top:5px;      
left:0;    
} 
h3::after {
content: url("../img/senior_mark.png");  
position:relative;
top:5px;      
right:0;    
} 
.h300{
color: #ffffff; 
font-size: 170%;
}
.msg_box{
margin: 20px auto;
line-height: 1.3;
font-size: 200%;;
font-weight: bold;
padding: 10px 0;
}
.msg_box00{
margin: 10px auto;
line-height: 1.3;
font-size: 120%;
font-weight: bold;
text-indent: -2.5rem;
padding-left: 3rem;
color: #E40003;
} 
.msg_box00:before {
content: url("../img/cyuui_mark.png");  
position:relative;
top:5px;      
left:0;    
} 
.msg_box02{
margin: 30px auto 0px;
line-height: 1.5;
font-weight: bold;
font-size: 150%;
color: #3763af;
}
.msg_box03{
margin: 5px auto;
line-height: 1.5;
font-weight: bold;
font-size: 150%;
}
.msg_box03:before {
content: url("../img/icon_qq.png");  
position:relative;
top:5px;      
left:0; 
} 
.midashi_che{
position: relative;
padding-left: 25px;
}
.midashi_che02{
font-size: 140%;
font-weight: bold;
}
.midashi_che::before {
position: absolute;
content: '';
display: block;
width: 18px;
height: 18px;
border: 1px solid #000000;
left: -3px;
top: 0;
border-radius: 3px;
}
.midashi_che::after {
position: absolute;
content: '';
display: block;
width: 8px;
height: 12px;
transform: rotate(45deg);
border-right: 3px solid #EF001D;
border-bottom: 3px solid #EF001D;
left: 5px;
top: -2px;
}
.midashi_che02::before {
position: absolute;
content: '';
display: block;
width: 22px;
height: 22px;
border: 1px solid #000000;
left: -3px;
top: 4px;
border-radius: 3px;
}
.midashi_che02::after {
position: absolute;
content: '';
display: block;
width: 8px;
height: 12px;
transform: rotate(45deg);
border-right: 3px solid #EF001D;
border-bottom: 3px solid #EF001D;
left: 5px;
top: 6px;
}
.subtitle {
background: #F4E927;
font-size: 180%;
font-weight: bold;
padding: 10px 0;
letter-spacing: 0.1em;
text-align: center;
}
.aka_waku{
border: 1px solid #FC2A2E;
background: #FFE0E0;
color: #F84649;
font-weight: bold;
font-size: 150%;
padding: 0 20px;
}
.bg_grly{
background: #EDEDED;
border-radius: 10px;
}
.pa20{
padding: 20px 0;
}
.co_aka{
color: #ff0000;
}
.co_ao{
color: #164CCB;
}
.co_green{
color: #009E51;
}
.fo_80{
font-size: 80%;
font-weight: inherit;
}
.fo_110{
font-size: 110%;
font-weight: bold;
}
select{
border: none; 
}
select.co_aka{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
/* ie対応 */
select::-ms-expand {
display: none;
}
.pa10{
padding: 10px 0;
}
.pa60{
padding: 60px 0;
}
.modorugamen{
font-size: 180%;
font-weight: bold;
padding: 60px 10px;
text-align: center;
}
.flex_box{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.flex_select{
align-items: flex-start;
}
.flex_box02{
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
}
.flex_box03{
display: flex;
justify-content: center;
flex-direction: row;
align-items: flex-start;
}
.flex_box04{
display: flex;
justify-content: space-around;
flex-direction: row;
align-items: center;
}
.flex_box05{
display: flex;
justify-content: center;
flex-direction: column;
margin: 10px auto;
width: 95%;
}
.flex_license{
display: flex;
justify-content: flex-start;
flex-direction: row;
}
.number_flex{
display: flex;
flex-direction: column;
}
.flex_20{
width: 22%;
margin: 0 auto;
}
.flex_30{
width: 28%;
margin: 0 auto;
}
.flex_35{
width: 33%;
margin: 0 auto;
}
.flex_40{
width: 38%;
margin: 0 auto;
}
.flex_50{
width: 48%;
margin: 0 auto;
}
.flex_60{
width: 58%;
margin: 0 auto;
}
.flex_65{
width: 63%;
margin: 0 auto;
}
.flex_70{
width: 68%;
margin: 0 auto;
}
.flex_90{
width: 90%;
margin: 0 auto;
}
.flex_100{
width: 98%;
margin: 0 auto;
}
.flex_box img,.flex_box02 img,.flex_box03 img,.flex_box04 img,.flex_box05 img{
width: 100%;
}
.img_90{
width: 90%;
margin: 0 auto;
}
.btn_box{
margin: 10px auto;
display: flex;
justify-content: center;
flex-direction: row;
width: 90%;
}
.btn_box02{
display: flex;
flex-direction: column;
justify-content: center;
width: 90%;
margin: 10px auto;
}
.button_general {
font-size: 180%;
font-weight: bold;
padding: 5px 0;
text-align: center;
margin: 10px auto 20px;
width: 90%;
border: 2px solid #BBF1FD;
background: #e5f8fc;
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: 3px;
cursor: pointer;
color: #507997;
letter-spacing: 0.2em;
}
.button_general02{
background: #BCD2D7;
font-size: 140%;
width: 80%;
border: 2px solid #83BDC9;
}
.button_general:hover {
background: #0E99FF;
color: #ffffff;
}
.back_btn {
font-weight: bold;
padding: 10px 0;
text-align: center;
margin: 20px auto;
width: 35%;
border: 2px solid #ADC3C8;
background: #C4D6DB;
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;
letter-spacing: 0.2em;
}
.back_btn a{
color: #428BC0;
font-size: 120%;
}
.back_btn:hover {
opacity: 0.6;
}
a{
text-decoration: none;
}
.img_50{
width: 50%;
margin: 10px auto;
}
.img_60{
width: 60%;
margin: 10px auto;
}
.img_65{
width: 65%;
margin: 10px auto;
}
.img_50 img,.img_60 img,.img_65 img {
width:100%;
}
.col-sm-3{
width: 75%;
margin: 10px auto;
}
.input-group-addon{
background: #FFFFFF;
border: none;
font-weight: bold;
vertical-align: bottom;
}
/* Chrome、Safari  */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none; 
margin: 0;  
}  
/* Firefox、IE  */
input[type="number"] {  
-moz-appearance:textfield;
}
::placeholder {
 color: #C9AD88;
}
.radio_box{
width: 95%;
margin: 20px auto;
}
.cyui{
margin: 10px 0;
color: #FF0000;
font-size: 130%;
}
.pdb10{
padding-bottom: 10px;
}
.pdb15{
padding-bottom: 15px;
}
.te_cent{
text-align: center;
}
.ma_auto{
margin:  0 auto;
}
.division {
font-size: 30px;
padding-left:8px;
font-weight: bold;
}
.ll_radio {
width: 1.4em;
height: 1.4em;
}
.sel_class{
font-size: 25px;
padding-left:8px;
font-weight: bold;  
}
.gu_re{
position: relative;
}
.license_guide{
font-weight:bold;
font-size: 150%;
padding: 10px 0px;
color: #3967FB;
text-align: left;
}
.license_guide02{
font-weight:bold;
font-size: 150%;
padding: 0;
}
input.license{
font-weight: bold;
padding: 5px 10px;
font-size: 160%;
background: #FFF73A;
width: 10%;
text-align: center;
border-style: inherit;
border-color: solid 1px #737373;
border-right: dashed 1px #C8C8C8;
border-top: solid 1px #737373;
border-bottom: solid 1px #737373;
}
input.last_box{
border-right: solid 1px #737373;
}
input.first_box{
border-left: solid 1px #737373;
}
input.license00{
font-weight: bold;
padding: 5px 0px;
font-size: 160%;
background: #ffffff;
width: 8%;
border-color: #ffffff;
border-style: inherit;
}
.OpeningWin{
width:80%;
padding: 20px;
margin: 20px auto 70px;
}
.OpeningMsg{
font-size: 24px;
color: #EF002C;
font-weight: bold;
padding-bottom: 20px;
}
.OpeningMsg02{
font-size: 20px;
width: 90%;
margin: 10px auto;
font-weight: 600;
}
.button_opening{
font-size: 20px;
padding: 20px;
font-weight: bold;
width: 60%;
text-align: center;
background: #43A714;
border-radius: 10px;
margin: 50px auto;
color: #ffffff;
}
.button_opening:hover{
background: #FFF96C;
color: #138606;
}
.un_yello{
background: linear-gradient(transparent 60%,#F1F000 0%);
}
.msg_aka{
font-size: 120%;
color: #EF0003;
font-weight: bold;
margin: 10px auto;
text-align: center;
}
input[type="radio"] , input[type="checkbox"]{
-webkit-transform: scale(1.3);
transform: scale(1.3);
 margin-right: 0.3em;
}
footer{
background: #FFFFFF;
border-top: dotted 2px #22AAA3;
padding: 50px 0;
}
.footer_logo{
width: 20%;
margin: 20px auto 10px;
}
.footer_logo img{
width: 100%;
margin: 0 auto;
}
.footer_logo a:hover{
opacity: 0.6;
}
.TokyoNo{
width:350px !important;
}
.TokyoNoMsg{
font-size: 150%;
color: #ff0000;
}
.TokyoYesMsg{
font-size: 150%;
color: #0000ff;
}
@media screen and (max-width: 890px) { 
.main_cont{
width: 90%;
}
.main_cont02{
margin: 0 auto;
}
.flex_20{
width: 60%;
margin: 8px auto;
}
.flex_50,.flex_65{
width:90%;
}
.flex_40,.flex_35{
width: 85%;
margin: 0 auto;
}
.flex_60{
width: 90%;
margin: 0 auto;
}
.flex_30{
width: 60%;
margin: 0 auto;
}
.img_90{
width: 80%;
}
.radio_box{
width: 98%;
}
.division {
font-size: 20px;
}
.question_msg {
font-size: 28px;
}
}
@media screen and (max-width:890px) {
 span.aks {
display: inline-block;
}
}
@media screen and (max-width:850px) {
.main_cont{
margin: 0px auto 70px;
border: 5px solid #0E99FF;
padding: 10px;
top: -90px;
}
.main_cont02{
margin: 0 auto;
}
.flex_box,.flex_box03{
flex-direction: column;
margin: 10px auto;
width: 100%;
}
.flex_select,.flex_select2{
flex-direction: row;
}
.col-sm-3{
width: 80%;
margin: 10px auto;
}
.flex_30{
width: 65%;
margin: 0 auto;
}
.OpeningWin{
width:90%;
padding: 20px;
margin: 20px auto 70px;
}
.flex_70{
width: 90%;
}
.OpeningMsg{
font-size: 22px;
}
.OpeningMsg02{
font-size: 18px;
width: 95%;
}
.button_opening{
font-size: 20px;
padding: 15px 0;
width: 80%;
}

input[type="radio"] , input[type="checkbox"]{
-webkit-transform: scale(1.1);
transform: scale(1.1);
 margin-right: 0.1em;
}
.footer_logo{
width: 60%;
margin: 20px auto 10px;
}
.footer_logo img{
width: 100%;
margin: 0 auto;
}
.msg_box{
margin: 10px auto;
font-size: 180%;
padding: 10px 0;
}
.msg_box02{
margin: 30px auto 5px;
line-height: 1.5;
font-size: 130%;
}
.cyui{
margin: 10px 0;
font-size: 110%;
}
.button_general {
font-size: 140%;
width: 98%;
padding: 20px 0;
}
.number_flex{
flex-direction: column;
align-items: center;
}
input.license{
font-weight: bold;
padding: 10px 5px;
font-size: 140%;
}
input.license00{
padding: 10px 0px;
font-size: 130%;
width: 6%;
}
}
@media screen and (max-width:489px) {
.main_cont{
width: 97%;
margin: 0px auto 60px;
padding: 10px 3px;
border: 2px solid #0E99FF;
top:-60px;
}
.main_cont02{
margin: 0 auto;
}
header{
padding: 10px 0 50px;
}
h1{
font-size: 150%;
padding: 0 0 5px 0;
margin: 0 auto;
}
.h300{
color: #ffffff; 
font-size: 150%;
}
.question_msg {
font-size: 21px;
padding: 10px 0;
}
.msg_box00{
margin: 0px auto 10px;
font-size: 110%;
padding: 0 0 0 20px;
text-indent: -1.5rem;
padding-left: 2rem;
} 
.msg_box00:before {
content: url("../img/cyuui_mark_sp.png");  
top:3px;      
left:0;    
} 
.subtitle {
font-size: 150%;
padding: 8px 0;
}
.btn_box{
margin: 10px auto;
flex-direction: column;
width: 85%;
}
.btn_box02{
width: 95%;
}
.flex_box02{
margin: 10px auto;
width: 95%;
}
.flex_20{
width: 80%;
margin: 8px auto;
}
.flex_30,.flex_35,.flex_40,.flex_50,.flex_60,.flex_65,.flex_70,.flex_90,.flex_75{
width: 95%;
}
.flex_box05{
width: 100%;
}
.flex_30{
width: 80%;
margin: 0 auto;
}
.input-group-addon{
font-size: 90%;
padding: 6px 3px;
}
.col-sm-3{
width: 95%;
margin: 8px auto;
}
.radio_box{
width: 98%;
}
.division {
font-size: 18px;
}
.sel_class{
font-size: 18px;
}
.OpeningWin{
width:90%;
padding: 20px 0;
}
.msg_box{
font-size: 130%;
margin: 10px auto 0;
padding: 7px 0 0 0;
}  
.msg_box_sp{
padding: 5px 0 10px 0;
}
.msg_box02{
font-size: 120%;
}    
.cyui{
font-size: 100%;
}
.img_60{
width: 80%;
margin: 10px auto;
}
.msg_box03{
line-height: 1.4;
font-size: 120%;
}
.flex_select{
flex-direction: column;
}
.button_general {
font-size: 130%;
}
.button_general02 {
font-size: 100%;
padding: 10px 0;
}
.back_btn {
font-size: 100%;
width: 60%;
padding: 5px 0;
}
.pa20{
padding: 15px 0;
} 
.newline{
display: inline-block;
}
}
@media screen and (max-width:350px) {

}
#DispAge {
font-size: 50px;
color: #0000ff;
}
#dnumber {
width: 200px;
font-size: 50px;
text-align: right;
}
span.aks2 {
display: inline-block;
}