.page_title{padding:15px 0 5px 0;}
.page_title h2{color:#666;}

.mypage_menu a{display:block;border:1px #006F9F solid;border-radius:3px;margin-bottom:10px;}
.mypage_menu a:hover{background:#006F9F;color:#FFF;}

.history_box{border:1px #CCC solid;padding:20px;margin-bottom:20px;}
.history_box dl{display:flex;justify-content:space-between;margin-bottom:5px;flex-wrap:wrap;}
.history_box dt{width:calc(25% - 20px);background:#EAE4D6;color:#3F2B08;padding:10px;text-align:center;}
.history_box dd{width:calc(74% - 20px);padding:10px;letter-spacing:1px;}
.history_box ul{display:flex;flex-wrap:wrap;}
.history_box ul li{margin-right:10px;margin-bottom:10px;letter-spacing:1px;}

.login_form h3{border-top:1px #CCC solid;border-bottom:1px #CCC solid;padding:10px 15px;font-size:116%;border-radius:3px;margin-bottom:20px;}
.login_form li{border:1px #CCC solid;}
.login_form dl{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;}
.login_form dt{width:calc(39% - 10px);padding:10px 5px;font-size:108%;background:#ADABA4;margin-bottom:10px;text-align:center;border-radius:3px;color:#FFF;}
.login_form dd{width:calc(60% - 10px);padding:5px;margin-bottom:10px;}
.login_form input[type=email]{padding:8px;width:calc(100% - 16px);}
.login_form input[type=password]{padding:8px 45px 8px 8px;width:calc(100% - 53px);}
.login_pass input[type=text]{padding:8px 45px 8px 8px;width:calc(100% - 53px);}
::placeholder{color:#CCC;}
.login_form p{margin-bottom:15px;}
.login_form span.material-symbols-outlined{font-size:130%;}
.login_pass{position:relative;}
.login_pass span{position:absolute;top:15px;right:8px;}
.login_pass span.material-symbols-outlined{font-size:2.5rem;}

.info_table{display:flex;justify-content:space-between;flex-wrap:wrap;}
.info_table dt{padding:10px;font-size:100%;letter-spacing:0.5px;border:1px #ADABA4 solid;background:#ADABA4;margin-bottom:10px;text-align:center;border-radius:3px;color:#FFF;}
.info_table dd{padding:10px;margin-bottom:10px;border:1px #ADABA4 solid;}
.info_table font{color:#AAA;}
.info_table .melmaga span{display:inline-block;width:20px;margin-right:5px;}

.btn_login{margin-top:20px;}

.login_form_explain{margin-top:25px;background:#EDF6FF;color:#002651;padding:20px;}
.login_form_explain p{line-height:170%;}
.login_form_explain .btn_main a{border:2px #FFF solid;}

.explain_title{font-size:112%;padding-bottom:5px;border-bottom:1px #DDD solid;margin-bottom:10px;}

.pass_reset div:first-child{max-width:800px;margin:auto;}
.pass_rest_email{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px;}
.pass_rest_email dt{width:calc(39% - 20px);padding:10px;background:#ADABA4;text-align:center;border-radius:3px;color:#FFF;}
.pass_rest_email dd{width:calc(60% - 20px);padding:10px;border:1px #CCC solid;}

.btn_choice{display:flex;justify-content:center;margin-top:30px;}
.btn_choice dt,.btn_choice dd{width:45%;margin:0 2%;}
.btn_choice a{display:block;text-align:center;letter-spacing:1px;font-weight:bold;border-radius:10px;}
.btn_choice dt a{background:#DED6C5;color:#504D42;}
.btn_choice dd a{background:#EEE;color:#666;}

.tab-area{width:100%;margin:auto;}
.tab-radio{display:none;}
.tab-menu{display:block;float:left;width:calc(100% / 3);text-align:center;padding:1em 0;background-color:transparent;color:#666;cursor:pointer;transition:all 0.2s ease-in-out;border-bottom:3px solid transparent;font-size:106%;border-bottom:3px solid #EEE;}
.tab-menu:hover{color:#333;}
.tab-content-item{display:none;clear:both;padding-top:20px;}
#tab01:checked ~ #tabContent01,#tab02:checked ~ #tabContent02,#tab03:checked ~ #tabContent03{display:block;}
#tab01:checked ~ #tabMenu01,#tab02:checked ~ #tabMenu02,#tab03:checked ~ #tabMenu03{color:#258CD2;font-weight:600; border-bottom:3px solid #3498db;}

.news_box li{margin-bottom:10px;border-bottom:1px #EEE solid;}
.news_box li a{display:flex;font-size:100%;color:#000;}
.news_box li a:visited{color:#CCC;font-weight:normal;}
.news_box li p{width:100%;letter-spacing:0.8px;}
.news_box li .day{text-align:center;margin-right:5px;background:#EEE;border-top-left-radius:8px;font-size:94%;}
.news_box h3 span{display:inline-block;float:right;font-size:1.35rem;margin-top:5px;}

@media screen and (min-width:900px){
 .btn_choice a{padding:20px;font-size:1.8rem;}
 .mypage_layout{display:flex;justify-content:space-between;}
 .mypage_layout > dt{width:25%;}
 .mypage_layout > dd{width:72%;}
 .mypage_menu a{padding:15px 20px;letter-spacing:1px;}
 .login_form ul{display:flex;justify-content:space-between;}
 .login_form li{width:calc(48.0% - 50px);padding:25px;}
 .login_form input[type=email]{font-size:1.6rem;}
 .login_form input[type=password]{font-size:1.6rem;}
 .login_keep{margin-left:5%;margin-top:5px;}
 .pass_reset{border:1px #CCC solid;padding:30px;}
 .pass_rest_email dt{font-size:108%;}
 .pass_rest_email dd{font-size:108%;}
 .info_table dt{width:calc(30% - 22px);}
 .info_table dd{width:calc(69% - 22px);}
	.news_box li p{padding:5px;}
	.news_box li .day{width:13%;}
}

@media screen and (max-width:899px){
 .btn_choice a{padding:20px 15px;font-size:1.5rem;}
 .page_title h2{font-size:130%;}
 .mypage_menu{display:flex;flex-wrap:wrap;margin-bottom:20px;}
 .mypage_menu a{width:calc(33.3% - 16px);margin:0 2px 5px 2px;padding:8px 5px;text-align:center;}
 .mypage_menu a font{display:block;}
 .history_box{font-size:94%;}
 .login_form li{padding:15px;margin-bottom:30px;}
 .login_form dt{font-size:100%;}
 .pass_reset{padding:0 20px;}
 .info_table{font-size:100%;letter-spacing:-0.5px;}
 .info_table dt{width:calc(32% - 22px);}
 .info_table dd{width:calc(67% - 22px);}
 .tab-area{font-size:88%;}
	.news_box li p{padding:2px;}
	.news_box li .day{width:15%;}
}